jquery - 允许使用 selected.js 多重选择添加新值

Question

我正在使用 selected.js 插件 http://harvesthq.github.com/chosen/使用 jQuery 允许用户从选择中选择多个选项。然而，我现在希望能够让他们创建尚未存在的值 - 知道如何解决这个问题吗？

编辑:类似于SO自己的标签选择/创建栏的东西将接近我所追求的

最好不要更改或编辑插件，但如果需要也可以。

代码: HTML:

<p>Select something</p>
<select name="theSelect[]" multiple="multiple">
    <option value="First Option">First Option</option>
    <option value="Second Option">Second Option</option>
</select>

Javascript:

$(function(){
    $('select').chosen();
});

因此，如果用户要输入“第三个选项”，我想将其添加到列表中并选择它。值和显示名称是/将是相同的，所以这不是问题

Answer 1

根据文档，您可以尝试执行以下操作:

$('select').append('<option>test</option>');
$('select').trigger('liszt:updated');

正如托尼在下面的评论中所说:

“从版本 1.0 开始，触发器现在已“选择:更新”。请参阅 harvesthq.github.io/chosen/#change-update-events ”