无法使用getJSON和php填充第二个下拉列表

Question

我有2个下拉列表，可从数据库中获取其数据。 我想根据我在第一个下拉列表（ #id_univ ）中选择的值在第二个下拉列表中显示相应的值。

我创建的函数如下：

$("#id_univ").on("change", function(){

                $.getJSON("ajax/univ_department.php",{university: $(this).val(), ajax: 'true'}, function(data){
                    var options = '';

                    for (var i = 0; i < data.length; i++) {
                        options += '<option value="' + data[i].id_dpt + '">' + data[i].nameDpt + '</option>';
                    }
                    $("#uni_departments").html(options);
                })
            })

使用firebugΙ检查后，返回了我期望的正确值：

[{id_dpt: 1, nameDpt: 'Physics'},{id_dpt: 2, nameDpt: 'Mathematics'}]

但我看不到第二个下拉菜单（ #uni_departments ）的任何值。

关于我在做什么错的任何想法。

更新

我只是用jquery-1.2.3尝试上面的代码，并且工作正常。 当我使用jquery-1.8.3（这是我在项目中使用的默认版本）时，它将中断。

任何问题可能在哪里的建议，因为我不喜欢使用旧的jquery！

Answer 1

我会尝试使用jquery的dom操作机制：

 $.getJSON("ajax/univ_department.php",{university: $(this).val(), ajax: 'true'}, function(data){
  $("#uni_departments").empty();
  for (var i = 0; i < data.length; i++) {
    var opt = $('<option value="' + data[i].id_dpt + '">' + data[i].nameDpt + '</option>');
    $("#uni_departments").append(opt);
  }
})