2016-11-17 58 views
1

對於多值選擇框使用Select2(https://select2.github.io/examples.html)時,可以從下拉菜單中切換選定的值。有什麼辦法可以防止這種行爲?因此,您只能通過點擊旁邊的X來移除選定的項目。防止Select2在下拉列表中單擊選中的項目時

所有幫助非常感謝。

+0

尋找對於這個http://jsfiddle.net/ishanbakshi/fyhsz9ra/ –

+0

我會說ju st選項從選項列表中刪除後,它已被選中... – gkb

+0

謝謝你們,但在這種情況下,我們需要項目留在下拉菜單但沒有切換功能。 – nikoka

回答

2

您可以使用unselecting事件:

$(".js-source-states").select2() 
    .on("select2:unselecting", function (e) { 
    // make sure we are on the list and not within input box 
    if (e.params.args.originalEvent.currentTarget.nodeName === 'LI') { 
     e.preventDefault(); 
    } 
    } 
); 

plunker:http://plnkr.co/edit/f8w97dSykPmbCZkN65JA?p=preview

看到https://select2.github.io/examples.html#programmatic-control瞭解更多詳情,

如果你想關閉選擇

,使用$example.select2("close");https://select2.github.io/examples.html#programmatic

相關問題