layui-select动态选中值的例子


Posted in Javascript onSeptember 23, 2019

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动态选中值的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
extjs 为某个事件设置拦截器
Jan 15 Javascript
jQuery 前的按键判断代码
Mar 19 Javascript
parseInt parseFloat js字符串转换数字
Aug 01 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
Sep 22 Javascript
如何消除inline-block属性带来的标签间间隙
Mar 31 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
JS关于刷新页面的相关总结
May 09 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
js数组中去除重复值的几种方法
Aug 03 Javascript
js实现简易拖拽的示例
Oct 26 Javascript
layui多图上传实现删除功能的例子
Sep 23 #Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
Sep 23 #Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 #Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 #Javascript
Node.js实现简单管理系统
Sep 23 #Javascript
webpack的pitching loader详解
Sep 23 #Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 #Javascript
You might like
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
Yii2.0框架模型多表关联查询示例
2019/07/18 PHP
Laravel find in set排序实例
2019/10/09 PHP
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
javascript实用小函数使用介绍
2013/11/11 Javascript
jquery实现手机发送验证码的倒计时代码
2014/02/12 Javascript
AngularJS ng-bind-html 指令详解及实例代码
2016/07/30 Javascript
Vue.js实现无限加载与分页功能开发
2016/11/03 Javascript
jQuery插件echarts实现的去掉X轴、Y轴和网格线效果示例【附demo源码下载】
2017/03/04 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
angular+webpack2实战例子
2017/05/23 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
详解webpack babel的配置
2018/01/09 Javascript
使用百度地图实现地图网格的示例
2018/02/06 Javascript
Node.js中,在cmd界面,进入退出Node.js运行环境的方法
2018/05/12 Javascript
浅谈js中的bind
2019/03/18 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
跟老齐学Python之编写类之二方法
2014/10/11 Python
python中map、any、all函数用法分析
2015/04/21 Python
Python自定义线程类简单示例
2018/03/23 Python
Python 读取指定文件夹下的所有图像方法
2018/04/27 Python
Django 拆分model和view的实现方法
2019/08/16 Python
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
文秘专业大学生求职信
2013/11/10 职场文书
单位在职证明范本
2014/01/09 职场文书
企业申诉管理制度
2014/01/30 职场文书
高中军训第一天感言
2014/03/06 职场文书
电影红河谷观后感
2015/06/11 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果(实例代码)
2021/04/22 HTML / CSS
MySQL视图概念以及相关应用
2022/04/19 MySQL
python数据处理之Pandas类型转换
2022/04/28 Python