|
index.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP ""index.jsp"" starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="js/jquery-2.1.1.js"></script> <script type="text/javascript"> function showPrice() { var m_id = $("#mySelect").val(); var price = $("#" + m_id).val(); $("#pricediv").html(price); } </script> </head> <body> 请选择材质： <br> <c:if test="${not empty materialList }"> <select name="mySelect" id="mySelect" onchange="showPrice();"> <option>----请选择----</option> <c:forEach items="${materialList}" var="u"> <option id="id" value="${u.m_id }">${u.m_id }、${u.material}</option> </c:forEach> </select> <c:forEach items="${materialList}" var="u"> <input id="${u.m_id }" value="${u.price }" type="hidden"></input> <input id="${u.m_id }" value="${u.m_id }" type="hidden"></input> </c:forEach> <div id="pricediv"></div> </c:if> <br> 请选择产品类别： <br> <c:if test="${not empty categoryList }"> <select> <option>----请选择----</option> <c:forEach items="${categoryList }" var="c"> <option id="category" value="${c.c_id }">${c.c_id }、${c.category }</option> </c:forEach> </select> </c:if> <br> <br> 请选择包装类型： <br> <c:if test="${not empty packageList }"> <select> <option>----请选择----</option> <c:forEach items="${packageList }" var="p"> <option value="${p.p_id }">${p.p_id }、${p.packaging }</option> </c:forEach> </select> </c:if> <br> <br> 请选择表面处理： <br> <c:if test="${not empty surfaceList }"> <select> <option>----请选择----</option> <c:forEach items="${surfaceList }" var="s"> <option value="${s.s_id }">${s.s_id }、${s.surface }</option> </c:forEach> </select> </c:if> <br> <br> </body> </html>
比如：材质中m_id如过选择1，那么下边三个下来列表中，都只显示各自m_id为1的选项 |
|
 |
级联？？？？？
|
|
反正就是每个里边都有m_id字段，当第一个选择某个m_id的时候，后边的都要变成有同样m_id的数据
|
|
级联啊，，找jquery插件，，easy
|
|
能解释的详细点嘛！ 我刚接触Java没多久 |
|
分给了我,我在传你代码哈..
|
|
先给代码，再给分 |
 20分 |
①下来框值改变事件
②在事件里写级联 |
|
我不我再换一种写法，当执行showPrice();这个方法的时候，让m_id传递到CategoryServlet中，同时执行CategoryServlet 该如何实现！ 如过能给代码那就更好了！ 我刚接触Java有很多东西还不是很清楚，如果有代码，我会很容易理解 |
|
js onchange 事件，用这个可以
|
|
尽是错别字，
|
|
不好意思！相信你一定看懂了我的意思，如果你知道我的问题请回答！ |
CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明如何将JSP页面中已经得到的数据进行筛选！
