layui-select动态选中值的例子
2019-09-23 16:48
2727 查看
layui的select在form渲染后,会重新构造一份DOM数据,将原生的select元素隐藏了。
我是使用的vue动态绑定的options,这里绑定v-model就失效了。
我想编辑某行的时候,动态选中select的值。
1.需要改变对应input的显示值。
2.对应新构造的select中的值,layui-this样式标识选中。
那么在table编辑的时候,代码如下:
var $div = $("#categoryParentCode").next(); $div.find('.layui-this').removeClass('layui-this'); var parentCode = row.data.ParentCode; if(parentCode!==""){ $div.find('div input').val(parentCode); $div.find('dl dd[lay-value="'+parentCode+'"]').addClass('layui-this'); }else{ $div.find('div input').val(""); }
就可以动态选中了。
layui使用版本:2.2.45
以上这篇layui-select动态选中值的例子就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- Spring form标签 Select 根据后台传值 动态选中
- jQuery获取Select选中的Text和Value,根据Value值动态添加属性等
- Layui Table js 模拟选中checkbox的例子
- 解决layui动态加载复选框无法选中的问题
- jQuery获取Select选中的Text和Value,根据Value值动态添加属性等
- layui checkbox默认选中,获取选中值,清空所有选中项的例子
- select中,动态增加option 并设置当前选中值
- layui+vue实现select动态加载后台数据
- Select语句中Where语句动态实现的小例子
- jQuery怎么根据某个特定的值动态让select下的option选中
- js中动态设置select中option选中/设置radio选中/获取textarea值
- jq动态修改select 的option值,使option值自动选中
- layui select 默认选中
- jQuery获取Select选中的Text和Value,根据Value值动态添加属性等
- jQuery实现动态选中select
- 动态生成的option 并插入select标签的第一个,且默认选中
- jQuery怎么根据某个特定的值动态让select下的option选中
- jquery实现动态操作select选中
- jquery根据value来动态选中select下的option
- layui 根据根据后台数据动态创建下拉框并同时默认选中