bootstrap-select selectpicker动态设置选中无效

大家都知道一般设置select选中都是下面这几种,当然还有其他方式,没有列完

$("#infoLevel").val(d.level);
	                		$("#infoLevel").find("option[value="+d.level+"]").prop("selected","selected");

今天设置一直没起作用,然后去看了下元素

id为parent的元素可以直接当成上面的infoLevel,这个图片只是个例子。

可以看到除了select元素下面还生成了一个div,div里面有button等,下拉option展示的是里面的button,看到元素后我是这样理解的

第一次使用bootstrap-select selectpicker这个东东

正确设置的方法是:

$('#infoLevel').selectpicker('val',d.level);

如果是要修改元素内容,比如往里面添加html元素等,记得最后加上另外2行重新渲染页面的代码(以id为parent的元素为例子):

//要以编程方式更新JavaScript的选择,首先操作选择,然后使用refresh方法更新UI以匹配新状态。 在删除或添加选项时,或通过JavaScript禁用/启用选择时,这是必需的。
$('#parent').selectpicker('refresh');
//render方法强制重新渲染引导程序 - 选择ui,如果当您编程时更改任何相关值而影响元素布局,这将非常有用。
$('#parent').selectpicker('render');

 

根据引用和引用的内容,selectpicker的下拉框数据回显可以通过以下步骤实现: 1. 确保在select标签中设置了id和class属性,例如id="name"和class="form-control selectpicker"。 2. 在JavaScript中使用$('.selectpicker').selectpicker()来初始化selectpicker插件。 3. 获取需要回显的数据,可以通过后台传递给前端的变量来获取,例如通过$!season。 4. 如果存在需要回显的数据,将数据处理成数组形式,然后使用$('.selectpicker').selectpicker('val', seasonlist)来设置回显数据。 5. 最后使用$('.selectpicker').selectpicker('render')来重新渲染selectpicker插件,以确保回显生效。 关于velocity模板中独立引用的js文件无法通过$取到后台返回的数据的问题,可以通过以下方法解决: 1. 将后台返回的数据赋值给JavaScript变量,例如将后台返回的$!season赋值给var season。 2. 在独立的js文件中使用该JavaScript变量来获取后台返回的数据,例如在独立的js文件中使用var season = '$!season'来获取后台返回的数据。 请注意,以上方法是基于引用和引用提供的信息给出的解决方案。如果有其他相关的资料或更详细的问题描述,可以提供更多的信息以便给出更准确的答案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [bootstrap selectpicker控件select下拉框动态数据无法回显的问题](https://blog.youkuaiyun.com/qq_27009517/article/details/116306847)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [bootstrap-select 多选框回显问题](https://blog.youkuaiyun.com/Rickysss/article/details/84394733)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值