!!!中文联动!!!

最新推荐文章于 2025-08-07 21:05:04 发布

原创最新推荐文章于 2025-08-07 21:05:04 发布 · 387 阅读

0 ·

CC 4.0 BY-SA版权

jqeury 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用Java和jQuery实现的联动下拉框功能。通过POST请求传递选择值，服务器端根据所选省份返回对应城市列表。利用Gson将Java List转换为JSON格式并发送到前端，实现动态更新二级下拉框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="js/jquery.js">
</script>
<script type="text/javascript">
$(function() {
$("#sel").change(function() {
var value = $("#sel").val();
$.post("LianDong?value=" + value, function(data) {
var a=eval("("+data+")");
$("#sel2").empty();
$.each(a,function(index,value){
<%-- alert(index+""+value);--%>
$("#sel2").append("<option>"+value+"</option>");
});
});

});
})
</script>
</head>
<body>
<select name="sel" id="sel" multiple="multiple">
<option value="湖南" selected="selected" />
湖南
<option value="湖北" />
湖北
</select>
<select id="sel2">
<option selected="selected">请选择</option>
</select>
</body>

</html>

--java代码

package liandong;

import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLEncoder;
import java.util.ArrayList;
import java.util.List;

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

import com.google.gson.Gson;

public class LianDong extends HttpServlet {

protected void service(HttpServletRequest req, HttpServletResponse res)
throws ServletException, IOException {
res.setContentType("text/html;charset=utf-8");
String value=req.getParameter("value");
String str=new String(value.getBytes("iso-8859-1"),"gbk");
System.out.println(str);
req.setAttribute("name", "huwenzhi");
//湖南
List list1=new ArrayList();
//湖北
List list2=new ArrayList();
list1.add("湘潭");
list1.add("长沙");
list1.add("毛泽东");
list2.add("武汉");
list2.add("仙桃");
list2.add("咸宁");
list2.add("襄阳");
PrintWriter pw=res.getWriter();
Gson son=new Gson();
if(str.equals("湖南")){
pw.print(son.toJson(list1));
}else if(str.equals("湖北")){
pw.print(son.toJson(list2));
}
pw.close();

}
}