2015-10-14 94 views
1

使用選擇2插件進行選擇。我的問題很簡單 - 我不希望在清除選項時顯示下拉列表。選擇2 - 清除選項後禁用下拉菜單

這裏是我的代碼:

<select class="select2-test" style="width: 20%;"> 
 
\t <option value=""></option> 
 
\t <option value="option1">Option 1</option> 
 
\t <option value="option2">Option 2</option> 
 
</select> 
 

 
<script> 
 
$('.select2-test').select2({ 
 
\t placeholder: "Choose 1 option", 
 
\t allowClear: true 
 
}); 
 
</script>

我試圖從select2.min.js刪除此行:

this.on("close",function(){a.$container.removeClass("select2-container--open")})

但它 沒有幫助 - 下拉列表不會顯示後使用一次。任何幫助將不勝感激。 :)

回答

1

我建議你不要編輯原始的js文件夾。 順便說一句,你可以使用這個,觸發點擊:

$('select')。select2(「close」);

或者您可以使用事件選擇2去除或/和選擇2層去除,這是一個更好的解決方案,我認爲(與event.preventDefault或返回false,只要你想)。

+0

你能告訴我一些event.preventDefault的例子嗎?我試過這樣的:$(「。select2-selection__clear」)。click(function(event){ \t event.preventDefault(); });但它沒有工作。 – JohnnyXecutor

+0

我在這裏找到了這個例子:http://select2.github.io/select2/在部分佔位符它工作,因爲我想清除選項後。但爲什麼? – JohnnyXecutor

+0

對不起,如果我誤解了一些東西,但是,你想要哪種類型的選擇?多選還是單身? – KCarnaille