如何使用Patrick Springstubbe jQuery多电选择插件进行单个选择

Question

我正在使用patrick springstubbe MultiSelect插入，并且效果很好。但是现在我想将其用于单个选择。我知道我需要将选择设置为模糊，以使插件正常工作。但是有没有办法将选项数限制为1。

我尝试了

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

选择选项时会产生所需的效果，但是您可以重新打开列表。我尝试在$("＃productCategory"(上使用函数。单击，但这不起作用。

Answer 1

作为kavindra sugend，最好寻找一个已经完成工作的插件。

如果您仍然想使用该插件并有单个选择，则可以尝试以下操作：

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

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

我添加了两个选择，一个带有单个选择，另一个选择了多个选择。

请注意，这是一个hack ，可能无法与插件的较新版本一起使用。

Answer 2

根据图书馆的github存储库(https://github.com/nobleclem/jquery-multiselect(，您目前不能这样做。在代码中的" jquery.multiselect.js"文件中，作者提到它是将来的功能。这些是代码中的线号74-76。

//@note：这些都是用于未来开发

minselect：false，//最少可以选择的项目数

maxSelect：false，//可以选择的最大项目数

因此，您无法使用此库来实现这一目标。相反，您可以使用另一个提供这两个功能的库。我建议您使用其中一种;

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

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

他们都有Muliple-select和单选项选项。