bootstrap selectpicker控件select下拉框动态数据无法回显的问题 && 不可编辑的下拉框数据提交至后台
来源:互联网 发布:原生js请求接口 编辑:程序博客网 时间:2024/06/05 09:01
=====================>数据回显
有关于bootstrap中selectpicker相关的问题:
大家知道用selectpicker控件会是页面的下拉框很美观,但是相对而言,就会出现一些新的问题。
我所遇到的是:有关于selectpicker下拉框数据回显的问题,当查看一个对象的属性的时候,发现有关于selectpicker的下拉框并没有将返回的数据进行回显,显示的都是请选择,经查证,当查看属性的时候,他会加载默认的数据,我们必须要刷新一下才可以将数据完全的回显出来。具体操作如下:
在给相应的下拉框赋值后,进行刷新
$("[name='rtu.state']").val(data.state);$('[name="rtu.state"]').selectpicker('refresh');$('[name="rtu.state"]').selectpicker('render');该现象不仅在数据回显的问题上会发生,也会在异步加载下拉框数据时也会发生,解决办法如上
=====================>数据回显
=====================>提交数据
需求:在某种特定情况下,select 中的数据不可编辑,所以我们添加设置: $("#selectId").attr("disabled","disabled");
或者
<select name="selectname" id="selectid" onfocus"this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
同时,我们在后台还需要此数据进行数据处理,
但是 disabled 的 select 数据无法传至至后台,所以:
解决办法:
在提交数据之前先解除不可编辑属性,$("#selectId").removeAttr("disabled");
然后在提交数据,就可以获得了
还有一种情况:就是我们如果使用了bootstrap中selectpicker控件中的select,在解除不可编辑属性之后进行对此ID下拉框的刷新,操作如上。
=====================>提交数据
阅读全文
0 0
- bootstrap selectpicker控件select下拉框动态数据无法回显的问题 && 不可编辑的下拉框数据提交至后台
- bootstrap selectpicker 下拉框使用详解
- select 选择框的下拉数据动态获取
- bootstrap table post提交数据,后台无法接收的问题
- 对select下拉框的回显数据的处理
- easyUI下拉框控件easyui-combobox使用后台json文件填充数据失败的问题
- 设置select下拉框只读,提交表单前,设置可读,这样可以提交数据到后台
- bootstrap selectpicker 动态加载数据
- select下拉框的数据方式
- 使用bootstrap-select多选下拉框和ajax请求到的数据添加到下拉框
- select下拉框之数据回显
- select下拉框数据回显
- select 控件编辑 动态生成 下拉列表框
- bootstrap-select下拉搜索插件 动态加载自己数据的二级联动
- Bootstrap-select下拉多选获取选中的数据
- select 下拉框编辑的时候,选中
- 可编辑的select下拉框
- Bootstrap Select(下拉框控件)
- 使用sql server遇到的问题
- Angular.forEach用法
- py 基本信息输入框 笔记
- 练习 10:Bash:程序退出代码(返回状态)
- Spring个人总结3
- bootstrap selectpicker控件select下拉框动态数据无法回显的问题 && 不可编辑的下拉框数据提交至后台
- Road (拓扑序dp)
- 谈谈FragmentPagerAdapter和FragmentStatePagerAdapter
- 生产者消费者模式 锁优化
- bootstrap水平表单
- 信息安全基础知识总结一
- Tomcat-JDBC源码解析及优化
- unity的垂直同步VSync
- 结构体转为char数组 & char数组转为结构体