select2下拉多选框
时间: 2023-12-07 17:04:25 浏览: 201
select下拉多选框
3星 · 编辑精心推荐
select2是一个基于jQuery的下拉框插件,可以实现下拉框的搜索、多选等功能。下面是一个使用select2实现下拉多选框的例子:
1. 引入必要的文件
```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
```
2. 创建下拉多选框
```html
<select class="js-example-basic-multiple" name="states[]" multiple="multiple">
<option value="AL">Alabama</option>
<option value="WY">Wyoming</option>
</select>
```
3. 初始化select2
```javascript
$(document).ready(function() {
$('.js-example-basic-multiple').select2();
});
```
其中,`js-example-basic-multiple`是下拉框的class名称,可以根据实际情况进行修改。
阅读全文