jQuery Chosen插件动态添加选项

Question

我像这样制作一个jQuery Chosen下拉列表:

$('.blah').chosen();

我找不到如何添加选项,例如:

$('.blah').chosen('add', name, value);

Answer 1

首先,您需要将<option>s 添加到<select>Chosen绑定的那个.例如:

$('.blah').append('<option value="foo">Bar</option>');

然后,您需要触发chosen:updated事件:

$('.blah').trigger("chosen:updated");

可以在此处找到更多信息(尽管您需要向下滚动Change / Update Events).

2013年8月7日更新

chosen:updated托尼在评论中提到,事件名称自1.0版(2013年7月)以来已更改为.更新的文档可以在这里找到.

Answer 2

最新选择的版本将事件名称更改为"已选择:已更新"

所以你的代码将是这样的:

$('.blah').append("<option value='"+key+"'>"+value+"</option>");
$('.blah').val(key); // if you want it to be automatically selected
$('.blah').trigger("chosen:updated");