<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); //得到被选中的显示值
});
两级联动
<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
});
});