使用javascript进行动态php下拉列表(url)


Using javascript for dynamic php drop down (url)

我有一个javascript代码,一旦我从第一个下拉菜单中选择:

$(document).ready(function(){
    $("#first-choice").change(function() {
        $("#second-choice").load("getter.php?choice=" + $("select#first-choice").filter(":selected").val());
    });
});

我认为问题在于我创建getter.php扩展时。。。我在sql中使用了choice。选项在getter.php中定义为:

$choice = $_GET['choice'];
$sth = $db->prepare("SELECT name, code FROM sets WHERE name='$choice'");
$sth->execute();
$choicecode = $sth->fetchColumn(1);

当javascript更改启动时,我得到一个空的下拉列表。因此,我将Choice设置为一个第一选择选项,而不是$_GET,并正确填充第二个列表。因此,我假设我的错误来自于我的js,定义了所选的第一个选项。

在您的更改函数中尝试这个

$("#first-choice").change(function() {
    $("#second-choice").load("getter.php?choice=" + $(this).val();
});

$("#first-choice").change(function() {
    $("#second-choice").load("getter.php?choice=" + $("#first-choice option:selected").val();
});

或使用查找

$("#first-choice").change(function() {
    $("#second-choice").load("getter.php?choice=" + $("#first-choice").find(":selected").val();
});

确保您已在选项的值属性中输入值

<option value="test">test</option>