select框操做

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