layui的select动态赋值的问题

最新推荐文章于 2024-09-06 16:13:14 发布

别再NULL了

最新推荐文章于 2024-09-06 16:13:14 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_39531049/article/details/108226147

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用layui框架实现select元素的动态赋值，并通过监听文档加载完成事件，结合JavaScript遍历选项，设置预选中项，最后调用layui的form模块重新渲染select组件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layui的select动态赋值

 <select id="ZhiWuErJi" class="layui-input " type1="flow_select" isflow="1" required="required" name="ZhiWuErJi">
　　</select>

   $(window).load(function () {
         
        var q1 = document.getElementById("ZhiJi");
        console.log(q1.options.length);
        for (var i = 0; i < q1.options.length; i++) {
            if (q1.options[i].value == "@info.ZhiJi") {
                q1.options[i].selected = true;
            }
        }
　　　　//layui重新渲染
      layui.use('form', function(){
           var form = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
           form.render('select');
           //form.render();
       });