相关选择使用jquery无法按预期工作

时间:2017-08-12 13:00:49

标签: javascript jquery coldfusion

我没有用jquery做很多事情,所以如果这是一个真正的入门级问题,请原谅。我有两个选择 - 广泛的学术兴趣类别,然后根据第一选择进行改进。 Firebug显示我从函数中获取了正确的数据,但我无法使用该数据构建第二个选择。

<script>
   $("#general").change(function() {
     $.ajaxSetup({
        dataFilter: function(data, type){
          return type == 'json' ? data.replace(/^(\/{2})?/, '') : data;
        }
    });
    //get what they selected
    var selected = $("option:selected",this).val();
    //no matter what, clear the other DD
    $("#majors").children().remove().end().append("&lt;option value=\"\"&gt;-- Select a Majors --&lt;/option&gt;");
    //now load in new options of selected category
    if(selected == "") return;
        $.getJSON(remote.cfc?method=queryMajorsRemote&returnformat=json",{"cip_fam":selected}, function(res,code) {
          var newoptions = "";
          for (var i = 0; i < res.DATA.length; i++) {
            newoptions += "&lt;option value=\"" + res[i].id + "\"&gt;" + res[i].name + "&lt;/option&gt;";
          }
        $("#majors").children().end().append(newoptions);
    });
});
</script>

HTML很简单 - 只有两个选择 - 一个ID为#general,另一个ID为#majors。

响应数据的样本是:

[{"ID":422,"NAME":"Engineering"},{"ID":426,"NAME":"Engineering - Aerospace, Aeronautical and Astronautical"}]

0 个答案:

没有答案