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

时间:2011-12-01 03:13:09

标签: jquery forms

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

我认为理论上,如果我可以在选择Chosen之前获取select中的元素,它应该可以工作,但我不确定如何准确地执行此操作。有什么想法吗?

2 个答案:

答案 0 :(得分:19)

尝试了文档的建议吗?

  

动态更新动态

     

如果您需要更新选择字段中的选项并想要选择   要获取更改,您需要触发“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/

答案 1 :(得分:4)

对于所选版本< 1.0 然后:

$("#form_field").trigger("liszt:updated");

对于所选版本> = 1.0 ,然后:

$("#form_field").trigger("chosen:updated");