Java 多次连续选择
我正在学习JSP,我想创建一个简单的在线商店Java 多次连续选择,java,jsp,jstl,Java,Jsp,Jstl,我正在学习JSP,我想创建一个简单的在线商店 客户将选择一个品牌 方法connector.getBrands()将从数据库返回可用品牌的列表 现在,客户将在另一个select中看到可用的选项 现在我需要将所选品牌保存在一个变量中 客户将选择一个型号 方法connector.getModel(${brand})将返回可用模型的列表 现在,客户可以选择一种型号 现在我需要持有选定的品牌和型号 客户将选择一种颜色 方法connector.getColor(${brand},${model})
- 方法connector.getBrands()将从数据库返回可用品牌的列表
- 现在,客户将在另一个select中看到可用的选项
- 现在我需要将所选品牌保存在一个变量中
- 方法connector.getModel(${brand})将返回可用模型的列表
- 现在,客户可以选择一种型号
- 现在我需要持有选定的品牌和型号
- 方法connector.getColor(${brand},${model})将返回可用颜色的列表
- 现在我需要保持这三个值
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<jsp:useBean id="connector" class="dealership.DatabaseConnector" scope="page"/>
<c:out value="${connector.initializeDatabase()}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<form method="post">
<label>
Brand<br/>
<select name="brand" size="1">
<c:forEach var="element" items="${connector.getBrands()}">
<option><c:out value="${element}" /></option>
</c:forEach>
</select>
</label><br/>
<input type="submit" value="Submit"/>
<!-- This line below is useless right now -->
<c:set var="brandVar" value="${brand}"/>
</form>
<form method="post">
<label>
Model<br/>
<select name="model" size="1">
<c:forEach var="element" items="${connector.getModels(param.brand)}">
<option><c:out value="${element}" /></option>
</c:forEach>
</select>
</label><br/>
<input type="submit" value="Submit"/><br/>
</form>
<form method="post">
<label>
Color<br/>
<select name="color" size="1">
<c:forEach var="element" items="${connector.getColors(param.brand, param.model)}">
<option><c:out value="${element}"/></option>
</c:forEach>
</select>
</label><br/>
<input type="submit" value="Submit"/><br/>
</form><br/><br/>
Next step<br/>
<form method="post" action="OrderConfirmation.jsp">
<input type="submit" value="Continue"/>
</form>
</body>
</html>
在此处插入标题
品牌
型号
颜色
下一步
一,
二,
三,
首先,您不应该在每次重新加载页面时点击数据库获取您的品牌和型号。您应该获取一次值,并将其保存在
会话中以供重用
<c:if test="${empty brands}">
<c:set var="brands" value="${connector.getBrands()}" scope="session" />
</c:if>
现在,对于<代码>模型< /代码>也要做同样的操作,但是也要将它封装在<代码> <代码>中。我们避免在第一页加载时碰到数据库(因为<代码>品牌/代码>还没有被选中),并且可选地隐藏空白下拉。
<c:if test="${not empty param.brand}">
<c:if test="${empty param.model}">
<c:set var="models" value="${connector.getModels(param.brand)}" scope="session" />
</c:if>
<form method="post">
<label>Model<br/>
<select name="model" size="1">
<c:forEach var="model" items="${models}">
<option <c:out value="${model == param.model ? 'selected' : ''}" />>
<c:out value="${model}" />
</option>
</c:forEach>
</select>
</label><br/>
<input type="hidden" name="brand" value="${param.brand}"/><br/>
<input type="submit" value="Submit"/><br/>
</form>
</c:if>
请注意,您的最后一个
是不必要的。您的颜色
表单已包含所有信息(品牌
、型号
和颜色
)需要下订单。因此,我直接将其操作设置为OrderConfirmation.jsp。@Peter很乐意提供帮助。您在那里付出了一些努力。.带有注释的屏幕截图。必须回答:)
<c:if test="${not empty param.brand}">
<c:if test="${empty param.model}">
<c:set var="models" value="${connector.getModels(param.brand)}" scope="session" />
</c:if>
<form method="post">
<label>Model<br/>
<select name="model" size="1">
<c:forEach var="model" items="${models}">
<option <c:out value="${model == param.model ? 'selected' : ''}" />>
<c:out value="${model}" />
</option>
</c:forEach>
</select>
</label><br/>
<input type="hidden" name="brand" value="${param.brand}"/><br/>
<input type="submit" value="Submit"/><br/>
</form>
</c:if>
<c:if test="${not empty param.model}">
<c:if test="${empty param.color}">
<c:set var="colors" value="${connector.getColors(param.brand, param.model)}"
scope="session" />
</c:if>
<form method="post" action="OrderConfirmation.jsp">
<label>Color<br/>
<select name="color" size="1">
<c:forEach var="color" items="${colors}">
<option><c:out value="${color}"/></option>
</c:forEach>
</select>
</label><br/>
<input type="hidden" name="brand" value="${param.brand}"/><br/>
<input type="hidden" name="model" value="${param.model}"/><br/>
<br/>
<br/>
Next step<br/>
<input type="submit" value="Continue"/>
</form>
</c:if>