如何在选择的jQuery上允许自由标记

时间:2014-08-11 20:51:30

标签: jquery tags jquery-chosen

我已使用chosen jQuery plugin标记了建议框。我想用户创建新标签,在建议框中不存在。例如,如果用户想要创建一个类似“红色”的新标签,则应该创建它。但是,该插件不允许这样做。我正试图在their update上关注该问题,但我无法做到。如何允许为用户创建新标签?

My Fiddle

不工作的脚本:

$(".chosen-select").trigger("chosen:updated");

1 个答案:

答案 0 :(得分:0)

这是basic example of how to do this

HTML:

<input type="text" id="newTag"></input>
<button id="submitNewTag">Add new option</button>

使用Javascript:

$("#submitNewTag").on("click", function() {
    var newTag = $("#newTag").val();
    addNewOption(newTag);
});

function addNewOption(option) {
    $(".chosen-select").append("<option>" + option + "</option>");
    $(".chosen-select").trigger("chosen:updated");
}

您的问题似乎是您在触发更新之前不知道如何在选择列表中添加新选项。这可以通过使用jQuery的.append()函数将新的<option>附加到<select>列表来完成。

在我的示例中,当用户单击“添加新选项”按钮时,输入框的内容将添加到选择列表中,然后将更新所选的选择列表。