我没有用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("<option value=\"\">-- Select a Majors --</option>");
//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 += "<option value=\"" + res[i].id + "\">" + res[i].name + "</option>";
}
$("#majors").children().end().append(newoptions);
});
});
</script>
HTML很简单 - 只有两个选择 - 一个ID为#general,另一个ID为#majors。
响应数据的样本是:
[{"ID":422,"NAME":"Engineering"},{"ID":426,"NAME":"Engineering - Aerospace, Aeronautical and Astronautical"}]