javascript - 通过 AJAX 重新加载下拉菜单中提交的 PHP 变量

Question

在网页上，我尝试创建一个具有某些功能的下拉菜单。在下拉菜单中做出选择后，PHP 变量“$bin_sec”将更新为新值。更新 $bin_sec 后，我希望网页中的 div 元素(带有“WHAT”的 id 标记)现在重新加载，并采用 $bin_sec 的新值。

我愿意使用 AJAX、PHP、jQuery、MySQL 等...

我找不到或无法找到可行的解决方案。

我的下拉菜单代码:

<form  id="container2" method="post">
    <select name="name" onchange='$("#WHAT").load("testing.php",{bin_sec:x});'>
        <?php $bin_sec=60;?>
        <option selected="selected" <?php if ($_POST['name'] == '60'){  print 'selected'; $bin_sec=60; }?> value="60">1 Minute</option>
        <option <?php if ($_POST['name'] == '120'){ print 'selected'; $bin_sec=120; }?> value="120">2 Minutes</option>
        <option <?php if ($_POST['name'] == '300'){ print 'selected'; $bin_sec=300; }?> value="300">5 Minutes</option>
        <option <?php if ($_POST['name'] == '600'){ print 'selected'; $bin_sec=600; }?> value="600">10 Minutes</option>
    </select> 
</form>

<div id="WHAT">
<?php
echo $bin_sec;
...
?>
</div>

测试.php:

<?php
$bin_sec = $_POST['name'];
?>

<script type="text/javascript">
$("#WHAT").load("index.php #WHAT")
</script>

我认为这段代码应该可以工作，但事实并非如此......任何更正将不胜感激。预先感谢您。

Answer 1

There are Many Ways to do it one sample way is given below




        <?php 

        if(isset($_GET['bin_sec']))
        {
            $bin_sec=$_GET['bin_sec'];

        }
        else
        {
            $bin_sec=60;
        }



        ?>
        <select name="bin" onchange="window.location.href='stack.php?bin_sec='+this.value">

            <option <?php if($bin_sec == '60'){  print 'selected';}?> value="60">1 Minute</option>
            <option <?php if ($bin_sec == '120'){ print 'selected'; }?> value="120">2 Minutes</option>
            <option <?php if ($bin_sec == '300'){ print 'selected'; }?> value="300">5 Minutes</option>
            <option <?php if ($bin_sec == '600'){ print 'selected'; }?> value="600">10 Minutes</option>
        </select> 

    <div id="WHAT">
    <?php
    echo $bin_sec;
    ?>
    </div>

我希望它能有所帮助，stack.php 是您的 php 文件，其中存在下拉列表，我希望您能理解，如有任何疑问，请恢复