select框操作

最新推荐文章于 2024-09-14 08:25:16 发布

weixin_34235105

最新推荐文章于 2024-09-14 08:25:16 发布

阅读量94

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/204616/blog/1802944

版权

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/u/204616/blog/1802944