当前位置: 首页 > 编程笔记 >

layui-select动态选中值的例子

上官树
2023-03-14
本文向大家介绍layui-select动态选中值的例子,包括了layui-select动态选中值的例子的使用技巧和注意事项,需要的朋友参考一下

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

 类似资料:
  • 本文向大家介绍layui 动态设置checbox 选中状态的例子,包括了layui 动态设置checbox 选中状态的例子的使用技巧和注意事项,需要的朋友参考一下 最近在使用layui前端框架,在使用单选按钮、下拉菜单select、checkbox等控件的时候 往往遇到一些初始化的东西。 有时候会发现,自己动态append进去的代码要不就是没有显示,要不就是初始化默认选中出问题。 以上这些情况进行

  • 本文向大家介绍layui动态渲染生成select的option值方法,包括了layui动态渲染生成select的option值方法的使用技巧和注意事项,需要的朋友参考一下 脚本语言:设定默认值;直接拼接,然后根据返回值渲染select 以上这篇layui动态渲染生成select的option值方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jquery 动态遍历select 赋值的实例,包括了jquery 动态遍历select 赋值的实例的使用技巧和注意事项,需要的朋友参考一下 获取select 选中的值: Ajax 动态为select赋值: 以上这篇jquery 动态遍历select 赋值的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js动态改变select选择变更option的index值示例,包括了js动态改变select选择变更option的index值示例的使用技巧和注意事项,需要的朋友参考一下 Javascript 操作select是表单中常见的一种,今天删除多个select值的时候出现了问题,搞了半天原来是索引引起的(即删除的时候要从索引大的开始删,然后再 删除索引小的,否则删除了索引小的后索引大的索

  • 本文向大家介绍layui添加动态菜单与选项卡 AJAX请求的例子,包括了layui添加动态菜单与选项卡 AJAX请求的例子的使用技巧和注意事项,需要的朋友参考一下 如下所示: HTML index.js 菜单JSON 效果截图 以上这篇layui添加动态菜单与选项卡 AJAX请求的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jQGrid动态填充select下拉框的选项值(动态填充),包括了jQGrid动态填充select下拉框的选项值(动态填充)的使用技巧和注意事项,需要的朋友参考一下 本文给大家分享一段代码关于技巧jqgrid动态填充select 下拉框的选项值,非常不多说了,直接给大家贴代码了,具体代码如下所示: 注意:要return以及async:false否则没有效果 在colModel:中设置