如何停止在下拉列表

我與春天MVC framework.I工作在jsp頁面和第二個下拉列表中的兩個下拉列表完全依賴於第一個下拉列表，但問題選擇項目後，刷新jsp頁面是，經過選擇第一個和第二個下拉列表中的項目，然後整個頁面被刷新。如何停止在下拉列表

我無法停止ajax調用後刷新頁面。這裏是我的JavaScript代碼（AJAX調用）：

 
 
function loadDoc() { 
 
     var xhttp; 
 
     if (window.XMLHttpRequest) { 
 
     // code for modern browsers 
 
      xhttp = new XMLHttpRequest(); 
 
     } else { 
 
     // code for IE6, IE5 
 
      xhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
 
     } 
 
     xhttp.onreadystatechange = function() { 
 
      if (xhttp.readyState == 4 && xhttp.status == 200) { 
 
        document.getElementById("demo").innerHTML = xhttp.responseText; 
 
      } 
 
     }; 
 
     xhttp.open("GET", "UserAccess.do", true); 
 
     xhttp.send(); 
 
}

這裏是我的jsp頁面代碼：

<form:form action="UserAccess.do" commandName="u" method="POST"> 
<table id="demo"> 
<tr> 
<td >Select City</td> 
<form:select class="form-control" path="city_id"  onchange="display();loadDoc();"> 
<form:option value="0">Select</form:option> 
<c:forEach var="u" items="${Showcity}"> 
<form:option value="${u.getCity_id()}">${u.getCity_name()}</form:option> 
</c:forEach> 
</form:select> 
</td> 
<td >Select Area</td> 
<form:select class="form-control" path="area_id" onchange="display();loadDoc();"> 
<form:option value="0">Select</form:option> 
<c:forEach var="u" items="${ShowArea}"> 
<form:option value="${u.getArea_id()}">${u.getArea_name()}</form:option> 
</c:forEach> 
</form:select> 
</td> 
</tr> 
</table>

下拉列表從數據庫中獲得數據通過使用控制器這是我的控制器頁面代碼：

@RequestMapping(value="UserAccess.do",method=RequestMethod.GET) 
    List<Userfield>Showcity=getUserservice().Showcity(); 
    map.addAttribute("Showcity",Showcity); 
List<Userfield>ShowArea=getUserservice().ShowArea(Integer.parseInt(id)); 
map.addAttribute("ShowArea",ShowArea);

來源

2015-10-05 Satish

嘗試使用return false;在loadDoc()像

function loadDoc() { 
    .... 
    .... 
    xhttp.send(); 
    return false; 
}

來源

2015-10-05 05:24:04

如何停止在下拉列表

回答

相關問題