jQuery選擇一個下拉框選項另一下拉框改變值
阿新 • • 發佈:2019-01-04
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);