📅  最后修改于: 2023-12-03 15:20:03.772000             🧑  作者: Mango
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();