2015-06-25 34 views
-1

在我的應用程序中,我使用select2插件作爲包含多個選擇值的下拉列表。現在我想爲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'選項。

請指教我該怎麼做。

在此先感謝。

+0

您在第一次測試後缺少單引號 – depperm

回答

-1

這種嘗試:

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

+0

謝謝holpducki,然後我將獲得所有選定的值,因爲它是多選。 – Hareesh

+0

是的,使用'選項:selected',您將獲得選定的值。 – alexandreferris

-1

會是什麼?或者您是否需要處理值爲'add'的事件?

$('.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")} 
}); 
+0

謝謝你的迴應湯姆,是的,我想要處理事件,當我點擊添加選項。 – Hareesh

+0

我更新了我的回答 – Tom910

+0

聽起來OP正在使用舊版本的Select2,因此這需要使用相同邏輯的「select2-selection」。 –