layui二级联动

 <label class="layui-form-label">报考层次:</label>
	<div class="layui-input-inline layui-form">
		<select name="student_Level"  lay-verify="required"  lay-filter="college" class="select">
		 <option value=""></option>
		 <option >专本套读</option>
		 <option >双学位</option>
	    </select>
    </div>
 </div>
 <div class="layui-form-item">
	<div class="layui-inline">
	<label class="layui-form-label">报考专业:</label>
		<div class="layui-input-inline">
			<select name="student_Major" lay-verify="required" >
			</select>
</div>
layui.use(['element','form'], function(){
    var element = layui.element;
    var form = layui.form;
    var  layer = layui.layer;
 
 form.on('select(college)', function (data) {
    	   var message=$("select[name=student_Level").val();
    	   
    	   if(message=="双学位"){
    		   var html="<option value=''></option><option>教育学</option><option>管理学</option>";
    		   $("select[name=student_Major]").empty();
    		   $("select[name=student_Major]").append(html);
               form.render('select');
    	   }else if(message=="专本套读"){
    		   var html1="<option value=''></option><option>学前教育</option><option>护理学</option><option>英语</option><option>工程管理</option><option>计算机科学与技术</option><option>旅游管理</option><option>财务管理</option><option>环境设计</option><option>市场营销</option><option>动画</option>";
    		   $("select[name=student_Major]").empty();
    		   $("select[name=student_Major]").append(html1);
               form.render('select');
    	   }
    	});
});

注意:

1.清除jquery追加的内容用empty方法 。

2.追加完option后需要使用render渲染才能使用。

3.在需要监听的select中添加layfilter属性

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序三两行

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值