layui样式
<div class="layui-form-item">
<div class="layui-inline">
<label class="layui-form-label">下拉框
</label>
<div class="layui-input-inline" id="consumerNames">
<select id="dropDownNames" ></select>
</div>
</div>
</div>
js 初始化时加载下拉框数据
$(document).ready(function(){
let select = $('#dropDownNames');
layui.use(['form'], function(){
var form = layui.form;
$('#dropDownNames').empty();//先清空数据
$('#drownDownParameters').empty();//先清空数据
$.ajax({
url: '',
type: 'GET',
contentType: 'application/json',
success: function (data){
var json = eval('(' + data + ')');
let module = json.dictDataList.resultList;
$.each(module,function (index,value){
var option = $('<option></option>').val(value.typecode).text(value.typename);
select.append(option);
});
var passType = `${swap.passType}`; // 使用模板字符串正确地获取变量的值
// 假设select是一个已经选择好的jQuery对象
if (passType === "" || passType === null || passType === undefined) {
select.val(""); // 设置下拉框的值为空字符串
} else {
select.val(passType); // 设置下拉框的值为passType变量的值
}
form.render('select'); // 重新渲染下拉框
}
});
});
});
获取下拉框选中的数据
var passType=$("#dropDownNames option:selected").val();