JQuery getJson填充子选择

时间:2017-10-27 20:20:57

标签: php jquery select getjson

我在<html> <head> <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> </head> <body> <div class='back'> <h1 class='title'>yevadura ?</h1> </div> </body> </html>

中有父目录

我试图让它填充<select id="cat1">子目录

我的JQuery看起来如下:

<select id="cat2">

将父ID发送到我的php后,它会返回:

$(function(){

    $("#cat1").change(function () {
        var thisID = this.value;

        $.getJSON("find-child-dirs.php?parent=" + thisID, function(data) {
            $("#cat2 option").remove();
            $.each(data, function(i, val){
                $("#cat2").append('<option value="' + val.id + '">' + val.name + ' </option>');
            });
        });
    });

});

但没有任何东西填充#cat2选择。我一直在尝试许多变化,但我相信这是最接近干净和简单的,因为我可以得到。有什么建议吗?

1 个答案:

答案 0 :(得分:-1)

我复制并运行了你所拥有的大部分内容并且一切正常 - 你有没有机会错过最终选择标签? (&#39;&lt; / select&gt;&#39;)(您改变了#select#cat1的下拉值,它确实添加了选择#cat2的选项。)我无法做到测试php请求,但其他一切工作正常。我猜你可能会错过&#39;&lt; / select&gt;&#39;在两个地方?