layui 的 select 下拉选择框实现默认选中某一项

最新推荐文章于 2023-07-04 17:38:10 发布

原创最新推荐文章于 2023-07-04 17:38:10 发布 · 1.8w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui 的 select

插件专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在网页中使用jQuery实现select下拉选择框自动选择指定项的方法，通过匹配预设值来触发click事件，实现选项的自动选中。

1、使用 select 下拉选择框后在浏览器的选择效果

2、如何实现自动选择

通过默认执行一次 click 事件触发

//状态选中项
     var opts = $('.layer_update .layui-input-block dl.layui-anim dd')
     for (var i = 0; i < opts.length; i ++) {
      if (opts[i].getAttribute('lay-value') == res.state) {
       var select = 'dd[lay-value=' + opts[i].getAttribute('lay-value') + ']';
       $('#state').siblings("div.layui-form-select").find('dl').find(select).click();
      } 
     }

注：需要引入 jQuery