如何动态更改选择的选择框？

Question

我正在使用Google Maps API创建可选择的社区列表,并使用Chosen使其看起来不错.我遇到的问题是Maps API没有立即获取数据 - 它通过回调函数来实现,这意味着Chosen在添加选项之前应用自身,因此选项无法运行通过选择(导致它们根本不显示).

我认为理论上,如果我可以在选择Chosen之前获取select中的元素,它应该可以工作,但我不确定如何完全这样做.有什么想法吗？

Answer 1

尝试过文档提示的内容吗？

动态更新选择

如果您需要更新选择字段中的选项并希望选择选择更改,则需要在该字段上触发"liszt:updated"事件.Chosen将根据更新的内容重新构建自己.

jQuery Version: $("#form_field").trigger("liszt:updated");
Prototype Version: Event.fire($("form_field"), "liszt:updated");

或者,如果使用更新版本:

jQuery Version: $("#form_field").trigger("chosen:updated");
Prototype Version: Event.fire($("form_field"), "chosen:updated");

http://harvesthq.github.com/chosen/