• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Ajax实现二级联动菜单

jquery 搞代码 4年前 (2021-12-27) 27次浏览 已收录 0个评论

这篇文章主要为大家详细介绍了Ajax实现二级联动菜单,文中示例

来源gaodai.ma#com搞#代!码网

代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Ajax二级联动菜单的具体代码,供大家参考,具体内容如下

index.jsp

   <title>二级菜单联动演示</title> <div align="center">  <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> 二级联动示例 </td></tr><tr> <td>  <!--第一个下拉菜单--> 请选择  北京  天津  山东  <!--第二个下拉菜单--> 请选择 </td></tr><tr> <td> </td></tr><tr> </tr></table></div>

SelectServlet.java

 package com; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /*** * * @author zdw * */ public class SelectServlet extends HttpServlet { private static final long serialVersionUID = 1L; public SelectServlet() { super(); } public void destroy() { super.destroy(); } public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //  response.setCharacterEncoding("GBK"); response.setContentType("text/xml"); response.setHeader("Cache-Control", "no-cache"); request.setCharacterEncoding("GBK"); response.setCharacterEncoding("UTF-8"); String targetId = request.getParameter("id").toString(); System.out.println(targetId); // 获得请求中参数为id的值 String xml_start = ""; String xml_end = ""; String xml = ""; if (targetId.equalsIgnoreCase("0")) { xml = "0请选择"; } else if (targetId.equalsIgnoreCase("1")) { xml = "1昌平"; xml += "2丰台"; xml += "3海淀"; xml += "4朝阳"; } else if (targetId.equalsIgnoreCase("2")) { xml = "1塘沽区"; xml += "2汉沽区"; xml += "3大港区"; xml += "4东丽区"; } else {// 如果是3,则返回下面的字符 xml = "1济南"; xml += "2青岛"; xml += "3淄博"; xml += "4枣庄"; } String last_xml = xml_start + xml + xml_end; response.getWriter().write(last_xml); } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { doGet(request, response); } public void init() throws ServletException { } }

web.xml

    SelectServletcom.SelectServlet SelectServlet/select index.jsp

以上就是Ajax实现二级联动菜单的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Ajax实现二级联动菜单
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址