JQuery: Select已填充，但显示的文本较旧

Question

我有一个下拉框(选择)，用户选择某些教授。之后，AJAX请求从服务器获取JSON数据，并使用该教授的主题填充另一个下拉框。第二个下拉框填充时没有任何问题。而是来自旧值的文本(“请先选择教授！”)在第二个下拉框中，在填充第二个下拉框后，下拉框中仍然显示为默认选项。

下面是js：

$('#professorCombo').combobox({
            selected: function() {
                validateAllFields();
                var idProfessor = $(this).val();

                var servletUrl = 'GetTeachersServlet?idProfessor=' + idProfessor;

                $.getJSON(servletUrl, function(data) {
                    var subject = $('#subjectCombo');

                    $('option', subject).remove();

                    if (data) {
                        subject.append($("<option/>").val(-1).text("Select subject..."));

                        $.each(data, function(key, value) {
                            subject.append($('<option/>').val(key).text(value));
                        });
                    } else {
                        subject.append($("</option/>").val(-1).text("There are no subjects available!"));
                    }
                });
            }
        });

在填充第二个下拉框后，默认选项应该是："Select subject“。如果我打开下拉框，这是第一个选项，但下拉框仍然显示旧文本(“请先选择教授！”)。我想我应该以某种方式刷新它。Firebug还说下拉框的选定值是带有文本"Select subjects“的值，这真的很奇怪。

Answer 1

尝试将主题组合val设置为-1，如下所示：

subject.val(-1).attr('selected',true);

似乎您从未将组合设置为填充的新值，并且它保留了旧值。