1. 程式人生 > >jQuery選擇一個下拉框選項另一下拉框改變值

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