<label class="layui-form-label">关联公司</label> <div class="layui-input-inline"> <select name="companyId" id="companyId" lay-filter="companyId"> <option value="">请选择关联公司</option> </select> </div>
util.selectAjax({ url:'/system/company/tableData', selectElem:'companyId', form:form });
form.on('select(companyId)', function(data){ console.log(data.elem); //获得select原始DOM对象 console.log(data.value); //获得被选中的值 console.log(data.othis); //获得美化后的DOM对象 console.log(data.name); //获得被选中的显示值 });
两级联动 html
<label class="layui-form-label">关联公司</label> <div class="layui-input-inline"> <select name="companyId" id="companyId" lay-filter="companyId"> <option value="">请选择公司</option> </select> </div> <label class="layui-form-label">关联父部门</label> <div class="layui-input-inline"> <select name="departmentId" id="departmentId" lay-filter="departmentId"> <option value="">请选择父部门</option> </select> </div>
util.selectAjax({ url:'/system/company/tableData', selectElem:'companyId', form:form }); form.on('select(companyId)', function(data){ console.log(data.elem); //获得select原始DOM对象 console.log(data.value); //获得被选中的值 console.log(data.othis); //获得美化后的DOM对象 console.log(data.name); //获得被选中的显示值 util.selectAjax({ url:'/system/department/tableData', data:{companyId:data.value}, selectElem:'departmentId', form:form }); });