实现级联列表

最新推荐文章于 2024-05-16 04:47:02 发布

万云飞

最新推荐文章于 2024-05-16 04:47:02 发布

阅读量785

点赞数

分类专栏：摘抄

本文链接：https://blog.csdn.net/wanwu_fusu/article/details/84261952

版权

摘抄专栏收录该内容

44 篇文章 1 订阅

订阅专栏

select.html:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="js/ajax.js"></script>
<script type="text/javascript">
function refresh(){

var p=document.getElementById("prov").value;
var city=document.getElementById("city");
if(p==""){
city.options.length=0;
city.options.add(new Option("--请选择城市--"))
}
else{
var url="list";
var params="proc="+p ;
sendRequest(url,params,'POST',show);
}
}
function show(){
var city=document.getElementById("city");
if (httpRequest.readyState == 4) {
if (httpRequest.status == 200) {
var citylist=httpRequest.responseText.split(",");
var citynum=citylist.length;
city.options.length=0;
for(i=0;i<citynum;i++)
city.options.add(new Option(citylist[i]))
}
}
}

</script>
</head>
<body>

<select name="prov" id="prov" οnchange="refresh();">
<option value="">--请选择省份--</option>
<option value="山东">山东</option>
<option value="江苏">江苏</option>
<option value="广东">广东</option>
</select>
<select name="city" id="city">
<option>--请选择城市--</option>
</select>

</body>
</html>

Servlet:

package servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class List extends HttpServlet {

   public List() {
       super();
   }

   public void destroy() {
       super.destroy(); // Just puts "destroy" string in log
       // Put your code here
   }

   public void doGet(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       doPost(request,response);
   }

   public void doPost(HttpServletRequest request, HttpServletResponse response)
           throws ServletException, IOException {
       Map<String, String> pm = new HashMap<String, String>();
       pm.put("山东", "济南,青岛,泰安,潍坊,烟台,聊城,枣庄,菏泽,莱芜,临沂");
       pm.put("江苏", "南京,苏州,无锡,徐州,南通,连云港,镇江,常州,淮安,扬州");
       pm.put("广东", "广州,深圳,珠海,汕头,佛山,东莞,湛江,江门,中山,惠州");
       response.setContentType("text/html;charset=UTF-8");
       request.setCharacterEncoding("UTF-8");
       PrintWriter out = response.getWriter();
       String s1 = request.getParameter("proc");
       out.print(pm.get(s1));
   }

   public void init() throws ServletException {

   }

}

万云飞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
实现级联列表

select.html: &lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/&gt;&lt;script type="text/javascript" src="js/ajax.js"&gt;&lt;/scr
复制链接

扫一扫

专栏目录