栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

JSP Ajax根据所选值填充下拉列表

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JSP Ajax根据所选值填充下拉列表

我能够使用servlet来完成以下简单示例,以根据产品类别获取产品名称。您需要对其进行一些修改以适合您的特定方案。让我知道这是否有帮助并使您走上正确的道路…

HTML页面:

<html>    <head>        <script SRC="jquery.js" TYPE="text/javascript"></script>    </head>    <body>        <p> <label for="pcategory">Product Category</label> <select name="pcategory" id="pcategory" size="0">     <option value="1">Category 1</option>     <option value="2">Category 2</option>     <option value="3">Category 3</option> </select>        </p>        <p> <label for="pname">Product Name:</label> <select name="state" id="state">     <option value="1">Product Name 1 For Category 1</option>     <option value="2">Product Name 2 For Category 1</option>     <option value="3">Product Name 3 For Category 1</option> </select>        </p> </body>    <script type="text/javascript">        $category = $('#pcategory');        $category.change ( function() {     $.ajax({         type: "GET",         url: "GetProductName",         data: {category: $category.attr("selectedIndex") },         success: function(data){  $("#state").html(data)         }     }); }        );    </script></html>

servlet将为您提供产品名称…

import java.io.*;import javax.servlet.ServletException;import javax.servlet.http.*;public class GetProductName extends HttpServlet {    public void doGet(HttpServletRequest request, HttpServletResponse response)    throws ServletException, IOException {        response.setContentType("text/html;charset=UTF-8");        PrintWriter out = response.getWriter();        try { int category = Integer.parseInt(request.getParameter("category")); switch (category) {     case 1:out.print(  "<option value='1'>Product Name 1 For Category 2</option>" +  "<option value='2'>Product Name 2 For Category 2</option>" +  "<option value='3'>Product Name 3 For Category 2</option>"         );         break;     case 2:out.print(  "<option value='1'>Product Name 1 For Category 3</option>" +  "<option value='2'>Product Name 2 For Category 3</option>" +  "<option value='3'>Product Name 3 For Category 3</option>"         );         break;     default:         out.print(  "<option value='1'>Product Name 1 For Category 1</option>" +  "<option value='2'>Product Name 2 For Category 1</option>" +  "<option value='3'>Product Name 3 For Category 1</option>"         );         break; }        }  catch (Exception ex) { out.print("Error getting product name..." + ex.toString());        }        finally { out.close();        }    }}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/649248.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号