layui-select动态选中值的例子

layui的select在form渲染后,会重新构造一份DOM数据,将原生的select元素隐藏了。

成都创新互联公司主要从事成都网站设计、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务商城,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

我是使用的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动态选中值的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。


网页标题:layui-select动态选中值的例子
网站链接:http://bzwzjz.com/article/jgosoc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设流程 成都网站制作 响应式网站建设 手机网站建设 H5网站制作 app网站建设 温江网站设计 网站建设方案 网站制作公司 泸州网站建设 网站设计 成都网站制作 成都网站建设公司 成都网站设计 上市集团网站建设 成都网站建设推广 网站建设 成都网站设计 网站设计公司 专业网站设计 阿坝网站设计 网站建设公司