Layui Form 动态赋值select

                $.ajax({
                    url: '/queryConnectName',
                    dataType: 'json', //服务器返回json格式数据
                    type: 'get', //HTTP请求类型
                    timeout: 10000, //超时时间设置为10秒;
                    success: function(data) {
                        //给一个默认值(‘请选择’)
                        var opt = '<option value="" selected=""></option>';
                        //获取返回的数据
                        var value = data.data;
                        //循环遍历
                        for (var i in value) {
                            opt += '<option value = "' + value[i].cnkey + '">' + value[i].connectName + '</option>'
                        }
                        $("#connectName").html(opt);
                        form.render('select');//需要渲染一下
                    }
                });
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Layui是一个简单易用的前端UI框架,其中包含了很多常用的组件,其中之一就是select(选择器)。 在Layui中,通过select组件可以实现下拉列表的选择功能。要赋值select组件,可以使用Layui中的form模块的setValue方法。 首先,需要在页面中引入Layui的相关资源文件,包括Layui的CSS样式文件和JavaScript脚本文件。 接下来,在HTML代码中创建一个select元素,并给它一个唯一的ID,以便后续使用。例如: ```html <select id="selectDemo"></select> ``` 然后,在JavaScript代码中调用Layuiform模块的setValue方法来给select赋值。例如: ```javascript layui.use('form', function(){ var form = layui.form; // 赋值 var data = [ {value: '1', text: '选项1'}, {value: '2', text: '选项2'}, {value: '3', text: '选项3'} ]; form.val('selectDemo', data[0].value); // 选中第一个选项 }); ``` 上述代码中,'selectDemo'是之前给select元素定义的ID,data是一个数组,包含需要赋值的选项的数据。然后,使用form.val方法将第一个选项的值赋给select元素。这样,即可通过Layuiselect组件实现赋值功能。 需要注意的是,要使用Layuiform模块的setValue方法,首先需要通过layui.use方法引入form模块。另外,select元素的ID必须与setValue方法中的参数保持一致。 总之,通过Layuiselect组件赋值是一个简单的过程,只需要使用form模块的setValue方法即可实现。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值