//html部分 <label class="layui-form-label">引用模块</label> <div class="layui-input-inline" id="consumerName"> <select id="dropDownName"></select> </div>
//js部分 //监听引用模块下拉菜单 $('#consumerName').on('click',function (){ $('#dropDownName').empty();//先清空数据 $('#drownDownParameter').empty();//先清空数据 $.ajax({ url: BASE_URL + ':8080/api/module/get', type: 'GET', contentType: 'application/json', data: { projectId: projectId }, success: function (data){ let module = data.data; let select = $('#dropDownName'); $.each(module,function (index,value){ let option = $('<option></option>').text(value.summarize); option.attr('data-id', value.id); // 使用data-*属性存储id的值 select.append(option); }); // 重新渲染下拉列表 setTimeout(function (){ form.render('select'); },1000); } }); });
// 写法应该很多,具体看自己使用
注意:该代码是异步请求,有一定的问题,不加延时的话,下拉列表会出现闪现的问题且加上form渲染并指定 'select' 类型。