<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
});
});