javascript - 如何在页面加载时带来带有所选值的下拉菜单(选择)。？

Question

我正在使用Chosen plugin对于选择框。我正在根据 ajax 请求替换这两个框。我希望在出现时预先填写该复选框。我尝试了一些东西，但失败了。我读了documentation的这一点并且无法完成。这是我在阅读文档后尝试过的。一旦 ajax 响应到来，我就会做这些事情。

var city = $('#hdnCity').val();
//**Ajax Request Goes and the response is here**//
$('#searchParams').html(responseText);
var value = $("#favCities1 option:contains("+city+")").attr('selected', 'selected');
$("#chzn-select").val(value).trigger("liszt:updated");

我无法完成此任务。帮助者是值得赞赏的。预先感谢您!!!

Answer 1

问题出在最后一行:$("#chzn-select").val(value).trigger("liszt:updated");

你们必须分开，因为 $("#chzn-select").val(value)只返回 jQuery 对象，但不返回 <select>元素。因此，Chosen 无法接听 liszt:updated事件，因为它只监听 <select> .

所以你必须这样做:

$("#chzn-select").val(city);
$("#chzn-select").trigger("liszt:updated");

参见工作示例:http://jsfiddle.net/amyamy86/qQCw8/