Question

我有一个下拉框（选择），用户选择某位教授。之后，AJAX请求从服务器获取JSON数据并填充另一个下拉框，其中包含该教授的主题。第二个下拉框填充没有任何问题。但是，在第二个下拉框填充后，第二个下拉框中的旧值（“请先选择教授！”）中的文本仍然显示为默认选项。 / p>

这是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!"));
                    }
                });
            }
        });

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

Answer 1

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

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

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

JQuery：选择已填充但显示的文本已旧

1 个答案: