gpt4 book ai didi

php - 结合 JavaScript 和 PHP

转载 作者:行者123 更新时间:2023-12-02 19:06:00 25 4
gpt4 key购买 nike

下面的脚本运行良好,它结合了 JavaScript 和 PHP。通过按下按钮,我得到它的值( buttonValue = 20),并且现有项目列表(A、B、C)将被新列表替换,该新列表在 $i <= 10 时停止。 (1,2,3…10):

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){

var buttonValue = $(':button').val();
alert(buttonValue);

$("#City > option").remove(); // remove all items from list
<?php $i = 1; while ($i <= 10): ?>
$('<option><?php echo $i; ?></option>').appendTo('#Country select');
<?php $i++; endwhile; ?>
});
});
</script>

<body>
<button value="20">click to start</button>
<div id="Country">
<select id="City">
<option value="">A</option>
<option value="">B</option>
<option value="">C</option>
</select>
</div>
</body>

我想更改 PHP 循环,以便改为 $i <= 10 ,会显示$i <= $the_buttonValue (分配按钮值以显示数字 1、2、3…20)。

我尝试过 jQuery AJAX 函数:load() , get()ajax()方法,将变量发送到服务器,但这似乎并不能解决上述请求。

我知道 PHP 和 JavaScript 双方的通信方式不同,也许 AJAX 请求可以满足新的要求,但我不确定如何实现。

任何使其按要求工作的提示,我们将不胜感激。

最佳答案

您不需要 php 来解决这个特定问题,但如果您出于某种原因必须使用它,那么您可以使用 jquery load() 函数,例如:

your.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){

var buttonValue = $(':button').val();
alert(buttonValue);

$("#City > option").remove(); // remove all items from list
$('#Country').load('your.php?value='+buttonValue+' #Country')
});
});
</script>

<body>
<button value="20">click to start</button>
<div id="Country">
<select id="City">
<option value="">A</option>
<option value="">B</option>
<option value="">C</option>
</select>
</div>
</body>

your.php

<div id="Country">
<select id="City">

<?php
$val = $_GET['value']; //this will be your button value
$i = 1;
while (true)
{
?>
<option value="">
<?php echo $i++; if($i==$val) break; ?>
</option>
<?php
}
?>
</select>
</div>

我的第一个 stackoverflow 回答,希望您能投票:)

关于php - 结合 JavaScript 和 PHP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14298051/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com