Layui监听select下拉框选中事件

使用layui之后，直接用change事件无法监听到，需要使用layui的相关组件。

以下代码是一个简单的假数据的二级联动。

 报考层次:
	

		
		 
		 专本套读
		 双学位
	    
    
 
 

	

	报考专业:
		

			
			

这里需要主要注意的问题是，在需要监听的select中添加layfilter属性

js代码如下

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="教育学管理学";
    		   $("select[name=student_Major]").empty();
    		   $("select[name=student_Major]").append(html);
               form.render('select');
    	   }else if(message=="专本套读"){
    		   var html1="学前教育护理学英语工程管理计算机科学与技术旅游管理财务管理环境设计市场营销动画";
    		   $("select[name=student_Major]").empty();
    		   $("select[name=student_Major]").append(html1);
               form.render('select');
    	   }
    	});
});

这里需要注意两点，第一、清除jquery追加的内容用empty方法 。第二、追加完option后需要使用render渲染才能使用。