📄 ajax.jsp
字号:
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>联动测试</title>
</head>
<script type="text/javascript">
var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
function getResult(stateVal) {
var url = '<%=request.getContextPath()%>'+'/SelectCityServlet?country='+stateVal;
if(xmlHttp){
xmlHttp.open("GET",url, true);
xmlHttp.onreadystatechange = complete;
xmlHttp.send(null);
}
}
function complete(){
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var city = xmlHttp.responseXML.getElementsByTagName("city");
var array = new Array();
for(var i = 0; i < city.length; i++){
array[i]=city[i].firstChild.data;
}
buildSelect(array,document.getElementById("city"));
}
}
}
function buildSelect(array,selet) {
selet.options.length = 0;
for(var i = 0; i<array.length; i++) {
selet.options[selet.options.length] = new Option(array[i],array[i]);
}
}
</script>
<body>
<form action="#" method="get">
<select name="country" onChange="getResult(this.value)" id="country">
<option>请选择</option>
<c:forEach var="country" items="${countries}">
<option value="${country.country_id}">${country.country}</option>
</c:forEach>
</select>
<select id="city">
</select>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -