我们如何为 select2 添加静态标签答案

【问题标题】：How can we add the static label for select2我们如何为 select2 添加静态标签
【发布时间】：2015-06-25 14:35:46
【问题描述】：

在我的应用程序中，我使用 select2 插件来进行具有多个选择值的下拉菜单。现在我想在 select2 下拉菜单中添加一些静态选项。

<select multiple="" class="test">
   <option value="a">Illustrations</option>
   <option value="b">Maps</option>
   <option value="add">Add Status</option>
</select>

我正在应用多选，现在当我点击添加状态选项时，我想做一些功能，而这个选项不会像选项一样被选中。

还有我的 js 代码：

$('.test').select2();
$('.test').on("select2-selecting", function(e) { 
   alert($(".test").val());
});

但是alert 给出了所有选定的值a,b,add。但我只想获得'add' 选项。

请建议我该怎么做。

提前致谢。

【问题讨论】：

您在第一次测试后缺少单引号

标签： javascript php jquery select jquery-select2

【解决方案1】：

试试这个：

alert($(".test option:selected").val());

【讨论】：

谢谢 holpducki，然后我会得到所有选择的值，因为它是一个多选。
是的，使用option:selected，您将获得选定的值。

【解决方案2】：

可以吗？或者您是否需要处理值“添加”的事件？

$('.test').select2();
$('.test').on("select2:select", function(e) {
    if( $('.test').val()[0] === "add" ) {alert("add")}
    //or search value add
    if($(".test").val().indexOf("add")  > -1) {alert("search add")}
});

【讨论】：

感谢您的回复 Tom，是的，我想在单击添加选项时处理该事件。
听起来 OP 使用的是旧版本的 Select2，所以这需要select2-selecting 具有相同的逻辑。