如何使用PATRICK SPRINGSTUBBE jQuery multiselect插件進行單選

Question

我正在使用Patrick Springstubbe多選插頭，它工作正常。 但現在我想將它用於單選。 我知道我需要將select設置為多個才能使插件正常工作。 但有沒有辦法將選項數量限制為1。

我試過了

 $("#ProductCategory").change(function(){ $(".ms-options").css("visibility","hidden"); } 

當您選擇一個選項但隨后可以重新打開列表時，這會產生所需的效果。 我嘗試在$（“＃ProductCategory”）上使用函數。點擊但這不起作用。

Answer 1

隨着Kavindra的消化， 最好尋找一個已經完成你需要的工作的插件 。

如果您仍想使用該插件並進行單一選擇，您可以嘗試這樣做：

$('#mySelect').next().find('input[id^="ms-opt"]').click(function(){ 
   $('.ms-options input[id^="ms-opt"]:checked').not(this).click(); 
})

這是小提琴： https ： //jsfiddle.net/1jfwp81d/3/

我添加了兩個選項，一個用於單個，另一個用多個選擇一起工作。

請注意， 這是一個黑客攻擊 ，可能無法與較新版本的插件一起使用。

Answer 2

根據庫的github存儲庫（ https://github.com/nobleclem/jQuery-MultiSelect ），您目前無法做到這一點。 在代碼中的'jquery.multiselect.js'文件中，作者提到它是未來的一個特性。 這些是代碼中的行號74-76。

// @注意：這些是為了未來的發展

minSelect：false，//可以選擇的最小項目數

maxSelect：false，//可以選擇的最大項目數

因此，您無法使用此庫實現此目的。 相反，您可以使用另一個提供這兩種功能的庫。 我建議你使用其中一個;

http://davidstutz.de/bootstrap-multiselect/

https://developer.snapappointments.com/bootstrap-select/examples/

它們都有多個選擇和單選選項。