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
原创粉丝点击