{});
var uuid = this.uuid(8, 16);
var target = jquery(opts.target);
target.addClass('layui-form');
target.attr('lay-filter', "select"+uuid);
var original = target.attr('data-original');
var currentValue = target.attr('data-value');
var domSelect = jquery('<select/>');
domSelect.attr('lay-filter', "domSelect"+uuid);
for(var i = 0; i < opts.options.length; i++) {
var o = opts.options[i];
var domOption = jquery('<option/>');
domOption.text(o.text);
domOption.val(o.value);
if(original === o.value.toString()) {
domOption.attr('selected', 'selected');
}
domSelect.append(domOption);
}
target.append(domSelect);
form.on("select(domSelect"+uuid+")", function(data) {
target.attr('data-value',data.value);
opts.onSelect(data);//下拉选中后回调
});
form.render('select', "select"+uuid);//刷新渲染
}
}
//输出select接口
exports('select', selectDropDown);
});
使用时
html 部分
<div style="width: 300px; margin-right: 20px;" id="sex" data-original="女" data-value="女"></div>
data-original 初始值
data-value 下拉选中的值
js
layui.use(['select'], function() {
var select = layui.select;
var sexOptions = [
{text:'男',value:"男"},
{text:'女',value:"女"}
];
var sexSelect = new select();
sexSelect.init({target:'#sex',options:sexOptions});
});相关推荐：
jquery基于layui实现二级联动下拉选择
js下拉选择框与输入框联动实现添加选中值到输入框的方法_javascript技巧
以上就是基于layui实现动态添加下拉选择框的模块的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词：基于layui完成动态添加下拉选择框的模块