Bootstrap select多选下拉框赋值

success: function (data) {
var oldnumber = new Array();
$.each(data, function (i) {
oldnumber.push(data[i].id);
});
$('#editcolor .selectpicker').selectpicker('val', oldnumber);//默认选中
$('#editcolor .selectpicker').selectpicker('refresh');
}

上面是ajax获取默认值,记得selectpicker是通过id来操作的,

<div class="col-md-8" id="editcolor">
<select placeholder="请选择颜色" id="selectpickerallstr"
name="selectpickerallstr"
class="selectpicker show-tick form-control"
data-style="btn-success" multiple data-live-search="true">
</select>
</div>

你们可以参考我前面的一篇文章,我再贴一遍获取代码

//select颜色
var loadTemplateColor = function () {
$.ajax({
type: 'GET',
url: root + '/mycolor',
success: function (data) {
var data = eval(data);
$.each(data, function (i) {
$("<option value='" + data[i].id + "'>" + data[i].text + "</option>")
.appendTo(".selectpicker");
});
$('.selectpicker').selectpicker({
//我是对所有的selectpicker操作一次性赋值,如果你想单独赋值,好ok,那么就这样赋值:
//appendTo("#editcolor .selectpicker"),就这样,在你select元素上面罩上一个div,
//用div的id就可以标记你要操作的selectpicker,也就是你想操作的select元素标签了
  style: 'btn-info',
size: 8
})
}
});
}

一次搞定一个值的赋值:

$('#editcolor .selectpicker').selectpicker('val', 1);//默认选中
$('#editcolor .selectpicker').selectpicker('refresh');

一次搞定很多值的赋值:

success: function (data) {
var oldnumber = new Array();
$.each(data, function (i) {
oldnumber.push(data[i].id);
});
$('#editcolor .selectpicker').selectpicker('val', oldnumber);//默认选中
$('#editcolor .selectpicker').selectpicker('refresh');
} 动态赋值

<select id="filetype" name="filetype" class="selectpicker show-tick dropup" data-live-search="true" onchange="filetypeChange();"></select>

初始化调用 getdata4select("filetype","FILE_TYPE");

/**
* 根据字典类型查询字典数据,供bootstrap select使用
* @param id
* @param dicttype
*/
function getdata4select(id,dicttype){
var url ='/yh/com/dominsoft/act/YHTypeHandleAct/getItemType.act?type='+dicttype;
var json = getJsonRs(url);
if(json.rtState == "0"){
var rtData = json.rtData;
var typeData = rtData.typeData;
jQuery('#'+id).append("<option value='' >请选择</option>");
for (var i = 0; i < typeData.length; i++) {
jQuery('#'+id).append("<option value=" + typeData[i].typeId + " >" + typeData[i].typeDesc + "</option>");
}
}
jQuery('#'+id).selectpicker();
}

selectpicker下拉多选框ajax异步或者提前赋值=》默认值的更多相关文章

  1. 我的第一个jquery插件:下拉多选框

    <!DOCTYPE HTML> <html> <head> <title> New Document </title> <meta n ...

  2. 品优购商城项目(二)AngularJS、自动代码生成器、select2下拉多选框

    品优购商城想项目第二阶段 AngularJS.自动代码生成器.select2下拉多选框 完成了课程第三天.第四天的的任务. 1.学习了AngularJs前端的mvc分层思想,js部分分成control ...

  3. 使用jQuery为文本框、单选框、多选框、下拉框、下拉多选框设值及返回值的处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. angular2.x 下拉多选框选择组件

    angular2.x - 5.x 的下拉多选框选择组件 ng2 -- ng5.最近在学angular4,经常在交流群看见很多人问 下拉多选怎么做... 今天就随便写的个. 组件源码 百度云   链接: ...

  5. 自己用ul模拟实现下拉多选框,

    模拟实现下拉多选框 效果如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

  6. jquery--获取多选框的值、获取下拉多选框的值

    获取多选框的值 var packageCodeList=new Array(); $('#server_id:checked').each(function(){ packageCodeList.pu ...

  7. 自定义实现 PyQt5 下拉复选框 ComboCheckBox

    一.前言 由于最近的项目需要具有复选功能,但过多的复选框会影响界面布局和美观,因而想到把 PyQt5 的下拉列表和复选框结合起来,但在 PyQt5 中并没有这样的组件供我们使用,所以想要自己实现一个下 ...

  8. DevExpress下拉多选框 CheckComboboxEdit、CheckedListBoxControl

    CheckComboboxEdit //清空项            checkedComboBoxEdit1.Properties.Items.Clear(); //自定义数组            ...

  9. 设置Select下拉多选框功能,赋值与绑定问题

    项目需要所以更改select为多选下拉的菜单选项. 我用的是后台直接绑定 在前台aspx页面直接写一个 <div id="dropsxs" runat="serve ...

随机推荐

  1. Redis 集群常见问题

    Redis集群相关问题 1:远程连接问题 远程连接保护模式下,需要做一些配置.

  2. 更靠谱的js判断浏览器及其版本

    所有的前端开发人员都没有办法回避一个问题,那就是浏览器版本判断,当我们无法回避需要进行浏览器版本判断时,前辈们往往会告诉我们,可以判断 UserAgent这个用来标示浏览器的字符串,通过判断这一字符串 ...

  3. JS中的replace方法以及与正则表达式的结合应用

    replace方法的语法是:stringobj.replace(rgexp, replacetext) 其中stringobj是字符串(string),reexp可以是正则表达式对象(regexp)也 ...

  4. SQL Server调优系列基础篇 - 索引运算总结

    前言 上几篇文章我们介绍了如何查看查询计划.常用运算符的介绍.并行运算的方式,有兴趣的可以点击查看. 本篇将分析在SQL Server中,如何利用先有索引项进行查询性能优化,通过了解这些索引项的应用方 ...

  5. Nagios-配置版

    1  概念(简介) Nagios是插件式的结构,它本身没有任何监控功能,所有的监控都是通过插件进行的,因此其是高度模块化和富于弹性的.Nagios监控的对象可分为两类:主机和服务.主机通常指的是物理主 ...

  6. Maximum Product Subarray动态规划思想

    该题即是昨天没有做出来的题目,想了很久,想出了一个普通的做法,提交发现超时了.思想是新建一个数组,保存每个元素与后面的元素相乘后得到的最大值,然后再在该数组中选出最大的值,返回.[笨死 发现行不通后决 ...

  7. linux yum配置

    yum源模版 vi /etc/yum.repos.d/xxx.repo [rhel-server]name=serverbaseurl=file:///media/disk/Serverenabled ...

  8. jQuery弹性滑块导航

    曾起何时在某网站上看到一弹性滑块导航的效果,瞬间被些效果吸引,开始以为是用FLASH实现的,但查源代码发现用的是JQuery缓动效果. 今天心血来潮想拿这个效果练练手.也看看这段时间学习JS及jque ...

  9. (LightOJ 1004) Monkey Banana Problem 简单dp

    You are in the world of mathematics to solve the great "Monkey Banana Problem". It states ...

  10. centOS 6.4 vsftpd 500 illegal port command

    原先配置好的vsftpd突然不行了,不知为啥,感觉跟网络有关,这个网络总是有dns拦截的现象,..小公司.真烦人,用联通线路就没问题, 但同事就是连不上,我的笔记本却可以连接上..我的ubuntn,同 ...