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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章