bootstrap中select的使用(selectpicker) |
您所在的位置:网站首页 › bootstrap-select动态绑定选项 › bootstrap中select的使用(selectpicker) |
目录
selectpicker简介
一些api
1.multiple
2.data-none-selected-text
3.data-style
4.data-show-tick、data-live-search、data-none-results-text、data-actions-box、data-select-all-text、data-deselect-all-text
通过js控制
一些其他api
selectpicker("refresh")
使用Ajax从服务器获取数据实现二级联动
前端代码
后端代码
总结
selectpicker简介
在html中select是原生的html元素,通过引入css,js链接并且给select元素添加selectpicker类可以使用bootstrap风格的选择器: (这个网址加载速度较慢,建议把css,js文件下载下来放到本地文件夹中引用。否则自己的网站加载也会很慢) 效果如下: 可以通过添加一些属性构建个性的select。 1.multiple可以使select变为复选,即可以选多个。这时调用$("#selectId").val()返回的是一个数组(如果没有选择,返回null)。 hello world! hello world! hello world!效果如下: 修改select无选择时显示的文字。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |