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属性