bootstrap-select
2019-05-15 18:37
288 查看
动态渲染数据 (多选)
var arr = data.city_id.split(',');
var newArr = new Array();
for(var i in arr){
newArr.push(Number(arr[i]));
}
主要是下面两行 newArr = 1,2,3,4 单选直接写值即可
$('#city_select').val(newArr);
$('#city_select').selectpicker('refresh'); //初始化
//多选下拉框 全选
$(".selectpicker").selectpicker({
width : 300,
actionsBox:true, //在下拉选项添加选中所有和取消选中的按钮
countSelectedText:"已选中{0}项",
selectedTextFormat:"count > 5"
})
//多选下拉框 默认显示值
$(".selectpicker").selectpicker({
noneSelectedText : '请选择'//默认显示内容
. });
//多选下拉框
var selectedValues = [];
slpk:selected").each(function(){
selectedValues.push($(this).val());
});
本文原创,未经授权不得转载
相关文章推荐
- bootstrap-select 多选下拉框使用教程
- bootstrap的select 推荐
- bootstrap-select下拉框模糊搜索失效
- JS组件系列——两种bootstrap multiselect组件大比拼
- bootstrap框架下下拉框select搜索功能
- bootstrap3中Select树的实现
- 两个不错的bootstrap风格的select模拟插件
- Bootstrap-select多选下拉框实现
- Bootstrap系列 -- 15. 下拉选择框select
- 【Bootstrap】 bootstrap-select2下拉菜单插件
- Bootstrap Multiselect 常用组件实现代码
- bootstrap-select怎么刷新数据
- Bootstrap-select搜索下拉框
- bootstrap-select下拉搜索插件 动态加载自己数据的二级联动
- bootstrap-select核心options
- 利用Bootstrap Multiselect实现下拉框多选功能
- bootstrap-select2 多选搜索,远程数据,
- BootStrap中关于Select下拉框选择触发事件及扩展
- 关于bootstrap-select赋值时候报错: e.stopPropagation is not a function
- bootstrap multiselect插件级联选择框操作 内容从json文件获取