javascript - 如果我的网页中有两个列表框，但我需要一个列表框是多选另一个应该是通用列表框

Question

我正在使用这个http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/多选插件。默认情况下，这个插件会自动将普通的 html 选择框变为多选框，有什么办法可以在同一页面上使用这个多选插件和通用 html 选择框？

提前致谢。周杰伦

Answer 1

将选项设置multiple为 false。或者不打电话$('select').multiselect

添加班级

<select class="multiple-select"></select>

然后将您的选择器更改为：$('.multiple-select').multiselect并将常规选择保留为没有类。

例子

Answer 2

初始化时，请执行以下操作：

$(function(){
    $("#mymulti").multiselect();
});

<select id="mymulti" name="example" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
   <option value="5">Option 5</option>
</select>

这：

$("#mymulti").multiselect();

仅适用于 id = mymulti 的选择

Answer 3

您可以将它与一些 id $("select#multiple") 一起使用，这样所有选择框都不会使用该插件呈现。

$("select#multiple").multiselect({
   header: "Select an option",
   noneSelectedText: "Select an Option",
   selectedList: 1
});