📜  select2 多选获取选定值 (1)

📅  最后修改于: 2023-12-03 15:20:03.772000             🧑  作者: Mango

Select2 多选获取选定值

Select2 是一个基于 jQuery 的自定义样式的下拉框插件,支持搜索、多选等功能。在多选模式下,我们可以通过以下方法获取选定的值。

首先,我们需要在 HTML 中引入 Select2 的 CSS 和 JS 文件,以及 jQuery:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

然后,我们需要为 Select2 设置一个 id,同时设置 multiple 属性以启用多选模式:

<select id="mySelect" multiple>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

接下来,我们可以调用 Select2 的 val() 方法来获取选定的值,该方法返回一个数组:

var values = $('#mySelect').val();

最后,我们可以使用 Markdown 的代码块语法将代码示例进行标记:

```javascript
var values = $('#mySelect').val();