BootstrapSelect实现加载默认选中

默认选中的实现方式

比如有个Children数组，每个元素都具有id和name，将id作为value存入option选项中。
你想要默认选中id为特定值的选项。

var selectedId=666$.each(result.CHILDREN, function (i, item) {if(item.ID=selectedId){$(".selectpicker").append('<option selected value="' + item.ID + '">' + item.NAME+ '</option>');}else{$(".selectpicker").append('<option  value="' + item.ID + '">' + item.NAME+ '</option>');}});
$('.selectpicker').selectpicker('refresh');

但是refresh这种做法会使BootstrapSelect不生效。

那么就在构建select内容结束后再进行设置默认选择的操作。

var selectedId=666$.each(result.CHILDREN, function (i, item) {$(".selectpicker").append('<option  value="' + item.ID + '">' + item.NAME+ '</option>');});
$('.selectpicker').selectpicker('refresh');
$('.selectpicker').selectpicker('val',selectedId)

或者

var selectedId=666$.each(result.CHILDREN, function (i, item) {$(".selectpicker").append('<option  value="' + item.ID + '">' + item.NAME+ '</option>');});
$('.selectpicker').selectpicker('refresh');
$('.selectpicker').val(selectedId);
$('.selectpicker').selectpicker('render');

render则会使bootstrap-select ui刷新
如果使用c标签在select标签中直接操作数组和selected属性则不需要使用BootstrapSelect的方法

————————————————————————————

BootstrapSelect实现加载默认选中相关推荐

图片加载失败后---加载默认图片
一 . 图片加载失败原因: 文件路径不正确: 标签属性等元素错误: 错误的文件扩展名文件丢失存放位置出现问题网络传输问题: 二 . 加载失败后页面默认样式如下 ↓: 三 . 封装函数:图片加载 ...
Launcher3 workspace 加载默认的布局
本文主要分析launcher3 如何加载默认的icon ,基于AOSP Q Launcher3 code 1. launcher首先会初始化设备配置属性,比如加载哪些图标,图标布局n * n等等,这些 ...
vue + 图片加载 + 默认图片
需求: 图片数据未返回 + 图片数据返回为空 + 图片加载出错时,图片采用默认图片展示. 解决: 先判断返回数据是否有,再通过img 的 load事件判断是否加载完成. 现象: 图片会先加载默认图片 ...
easyui combogrid分页加载默认值时无法自动跳转到相应页的解决方案
2019独角兽企业重金招聘Python工程师标准>>> 当如果easyui combogrid分布加载时,有默认值,且默认值不在第一页时,此时combogrid里的显示值为idFie ...
设置afni环境变量—打开afni加载默认的大脑模板
打开afni的默认安装目录-/abin,里面有个对afni环境变量描述的文件README.environment.根据该文件对环境变量的功能描述,可以设置各种环境变量使得afni的操作简洁. 举个例子 ...
vue el-tree懒加载默认展开一级，懒加载刷新（默认高亮某个节点，触发某个节点的点击事件）
场景如上图所示,左边展示分组及分组下的标签,点击某个标签,在右边展示某个标签的详情,可以对标签内容进行编辑保存,还可对标签进行搜索,默认展示全部标签,展开一级不目下标签,若对标签进行搜索筛选,则把每 ...
加载默认图片，如何避免img标签陷入onerror事件死循环
当图片加载失败的时候,我们可以利用onerror事件赋予它默认图片,但是问题来了,假如默认图片又不存在呢,即加载失败,这个时候就会陷入死循环. 为了避免死循环的情况,我们可以在执行完onerror事件 ...
angularjs 图片加载失败时,加载默认图片
app.directive('errSrc', function () { return { link: function (scope, element, attrs) { element.bind ...
au加载默认的输入和输出设备失败_一文带你读懂 C/C++ 语言输入输出流与缓存区...
(给CPP开发者加星标,提升C/C++技能) 作者:技术让梦想更伟大 / 李肖遥 (本文来自作者投稿) 前言有没有发现,基本上所有的C语言入门书籍,或者是我们的教程里面,第一个C语言程序实体,都是& ...

BootstrapSelect实现加载默认选中

默认选中的实现方式

BootstrapSelect实现加载默认选中相关推荐

最新文章

热门文章

BootstrapSelect实现加载默认选中

默认选中的实现方式

insertAdIfNeeded();

BootstrapSelect实现加载默认选中相关推荐

最新文章

热门文章