根据上一个下拉列表填充下拉列表


Populate DropDown based on Previous DropDown

目前我有如下设置http://jsfiddle.net/4Zw3M/1/,其中第二个下拉框由之前的选择填充。

问题是这些字段是由数据库填充的。因此,在PHP中,我会将选项下拉框写为这样,以便在提交后保留该值。

<option <?= $foobar == $foo->slug ? 'value="'.$foo->slug.'" selected="selected"' : 'value="'.$food->slug.'"'?>><?=$foo->name?></option>

我不知道如何在用户提交表单后保留值。此外,是的,我确实在页面顶部有$foobar = mysqli_real_escape_string($mysqli, $_POST['foobar']);来捕获值。

其次,我试图找出如何在这种格式中添加值,因为值实际上是名称的id。

|id| |name  |
|1 | |ten   |
|2 | |twenty|

所以在正常格式中应该是

<option value="<?=$foo->id?>"><?=$foo->name?></option>

目前我只能使值与名称相同。

您可以将下拉菜单文本发布到操作页面,并使用:-

    $s_option = $_POST["somename"];

根据所选文本的值($s_option)调用JS函数,像这样:-

function func1()
{
document.forms[0].somename.selectedIndex=0;
}
function func2()
{
document.forms[0].somename.selectedIndex=1;
}

等......

我会在jquery/ajax/php中这样做,希望这有助于:

<script type="text/javascript">
    $(document).ready(function(){
        $('#dropdown1').on('change', function(){
            var value = $(this).val();
            $.ajax({
                type: "post",
                url: "path_to_your.php",
                data: ({p : value}),
                datatype: "json",
                success: function(results){
                    $.each(results, function(v) {
                        $('#dropdown2').append($('<option>', {
                            value: v,
                            text: v
                        }));
                     });
                }
            });
        });
    });
</script>
</head>
<body>
<select id="dropdown1">
    <option>Select One..</option>
    <option value="something">Something</option>
<select>
<select id="dropdown2">
</select>
</body>