Jquery Chosen动态添加选项

时间:2013-11-06 01:48:54

标签: jquery

我使用jquery插件(已选择)

处理输入名称选择框

在我的工作限制中

  1. 在input type = text元素中输入一个元素(使用选择的插件选择框)< - 确定

  2. 从弹出窗口输入一个输入类型=文本元素到选定的用户名。 < - 不能!

  3. 我想在选择框中添加动态选项。

    因此,我将元素添加到所选择的子节点中;

    这是我的HTML代码

     <select data-placeholder="Please enter your name" class="chosen-select chosen_member2" multiple style="min-width:400px;width:auto;float:left;height: 30px;" tabindex="4">
                                </select>
    

    这是我的Jquery代码

    $(".chosen-choices").eq(0).find(".search-field").before("<li class=\"search-choice\"><span>"+uname+" (Executive Dept)</span><a class=\"search-choice-close\" data-option-array-index=\""+auto_num+"\"></a></li>");
    

    $('.chosen-choices').eq(0).trigger("chosen:updated");

    并且,成功添加选项元素。

    如果在选择框中添加选项元素,则其中一个下拉项目处于非活动状态。

    但是,在我的情况下,将一个元素添加到选择中,其中一个下拉项目处于活动状态。

    因此!,

    虽然添加元素,但选项元素仍然有效。 (当我将一个输入类型=文本元素添加到选择选择的类中时,我需要非活动选项)

1 个答案:

答案 0 :(得分:0)

我希望没有选择的可能性,所以请尝试选择2

http://ivaynberg.github.io/select2/