bootstrap的下拉多选框如何使用

百变鹏仔 1个月前 (11-14) #bootstrap

文章标签如何使用

使用bootstrap-select组件时，先引用下列文件

最后一个文件 defaults-zh_CN.min.js 非必需，是组件中文化的时候才需要引用。

<!-- Latest compiled and minified CSS --><link min.css><!-- Latest compiled and minified JavaScript --><script></script><!-- (Optional) Latest compiled and minified JavaScript translation files --><script></script>

使用就更加简单了，不用任何已经js，直接使用class就可以初始化。

Select单选：

如果没有设置选中项，默认选中第一个option。如设置了tiltle属性，则显示title属性内容，不会默认选中。

<select>    <option>广东省</option>    <option>广西省</option>    <option>福建省</option>    <option>湖南省</option>    <option>山东省</option>   </select>

选项分组

<select>        <optgroup>                <option>广州市</option>                <option>深圳市</option>                <option>珠海市</option>         </optgroup>             <optgroup>                  <option>南宁市</option>                  <option>柳州</option>                  <option>桂林市</option>           </optgroup>             <optgroup>                   <option>烟台</option>                   <option>青岛</option>                   <option>济南</option>             </optgroup>                          </select>

默认样式，添加样式：data-

<select>  ...</select><select>  ...</select><select>  ...</select><select>  ...</select><select>  ...</select>

文章推荐

bootstrap的下拉多选框如何使用

学习bootstrap需要什么基础

bootstrap模态框有什么用

bootstrap是什么意思啊

bootstrap是什么时间开源的

bootstrap怎么实现响应式