bootstrap下拉多选框
时间: 2023-09-12 10:11:20 浏览: 317
bootstrap.txt
对于使用Bootstrap来创建下拉多选框,你可以使用Bootstrap的select组件和多选功能。
首先,确保你已经包含了Bootstrap的CSS和JavaScript文件。然后,你可以使用以下HTML代码创建一个基本的下拉多选框:
```html
<select class="form-control" multiple>
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<!-- 添加更多选项 -->
</select>
```
通过添加 `multiple` 属性,可以使下拉框支持多选。`form-control` 类将应用Bootstrap的样式。
如果你希望下拉框在打开时显示选中的选项,你可以使用JavaScript来设置初始选择:
```javascript
$(document).ready(function() {
$('.form-control').val(['option1', 'option2']); // 设置初始选择的选项值
});
```
注意,在这之前,你需要确保已经引入了jQuery文件。
这样,你就可以使用Bootstrap创建一个下拉多选框了。你可以根据自己的需求修改选项和样式。
阅读全文