力软下拉框多选_jQuery实现下拉框多选 jquery-multiselect 的实例代码

下面是使用 jQuery 插件 jquery-multiselect 实现下拉框多选的示例代码：

HTML 代码：

<select id="selectBox" multiple>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
  <option value="option4">选项4</option>
  <option value="option5">选项5</option>
</select>

JavaScript 代码：

$(document).ready(function() {
  $('#selectBox').multiselect();
});

在上面的示例代码中，我们首先在 HTML 中定义了一个 ID 为 "selectBox" 的下拉框，并设置了 multiple 属性，表示该下拉框可以多选。

然后，在 JavaScript 中，我们使用 jQuery 的 ready() 方法来确保文档加载完成后再执行代码。在 ready() 方法中，我们调用了 multiselect() 方法来初始化下拉框，从而实现了下拉框多选的功能。

使用该插件可以让用户方便地选择多个选项，而不必使用 Ctrl 或 Shift 键来多选。