jQuery选择一个下拉框选项另一下拉框改变值

function gradeChange(){    //这个函数是要改变值下拉框的改变事件
				$("#hehe").html("");    //这个意思是每次选择前先把另一个下拉框清空
				var fangqu = $(".type-sel").val();
				$.ajax({
					url : 'wzcx',
					type : 'post',
					data : {fangqu:fangqu},
					success : function(data){    //后台返回数据
						 var dataRole = eval(data);    //将返回的数据变为json
						 var html = "<option value=''>请选择房间</option>";   //将要生成的下拉框
						 for(var i=0;i<dataRole.length;i++){
	                        html += "<option value='"+dataRole[i]
	                        +"'>"+dataRole[i]+"</option>";
	                    }
                    $("#hehe").append(html);    //这个是页面上的下拉框
					}					
				});
			}
 
 
后台代码
String fangqu = request.getParameter("fangqu");
	ZzwDaoImpl dao = new ZzwDaoImpl();
		List<String> list = dao.getFangjian(fangqu);   //返回数据的集合
		Gson gson = new Gson();  
        String json = gson.toJson(list);  
        response.setCharacterEncoding("UTF-8");    
        response.setContentType("application/json; charset=utf-8");    
        PrintWriter writer = response.getWriter();  
        writer.append(json);


猜你喜欢

转载自blog.csdn.net/rjkkaikai/article/details/80681179