jquery – 允许新的值与selected.js多选

前端之家收集整理的这篇文章主要介绍了jquery – 允许新的值与selected.js多选前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用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();
});

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

解决方法

根据文档,你可以尝试做这样的事情:
$('select').append('<option>test</option>');
$('select').trigger('liszt:updated');

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

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

原文链接:https://www.f2er.com/jquery/185528.html

猜你在找的jQuery相关文章