我有一个下拉框(选择),用户在其中选择某个教授。之后,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!"));
}
});
}
});
在第二个下拉框填充后,默认选项应该是:“选择主题”。如果我打开下拉框,这是第一选择,但下拉框仍然显示旧文本(“请先选择教授!”)。我想我应该以某种方式刷新它。Firebug 还说下拉框的选定值是带有文本“选择主题”的值,这真的很奇怪。