JSP 多次连续选择
JSP multiple consecutive selection
我正在学习 JSP 并且我想创建简单的在线商店
顾客会select一个品牌
方法connector.getBrands() 将从数据库
return 可用品牌列表
现在客户将在另一个 select
中看到可用选项
现在我需要在变量中保存 selected 品牌
客户将 select 成为模特
方法connector.getModel(${brand}) 将return 可用型号列表
现在客户可以select一个模型
现在我需要持有selected品牌和型号
顾客会select一个颜色
方法connector.getColor(${brand}, ${model} 将 return 可用颜色列表
现在我需要保留所有三个值
客户将点击 "Continue" 按钮继续到另一个 JSP 页面进行订单确认
现在,问题是每当我点击 "brand" 或 "model" 提交时,另一个 selected 字段将重置(我尝试从 [= =96=] 元素,但没有任何运气)。
我如何修改此代码,使其显示适当的品牌,在 select 一个品牌之后,该品牌的型号以及可用的颜色之后? (加上将所有这些值提交到下一页)
另外,如果知道如何在不重新加载页面的情况下从 "select" 或 "input" 字段访问值就更好了
这是我的 MotorbikeForm.jsp
代码
<%@ 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>
1.
2.
3.
首先,您不应该在每次重新加载页面时都访问数据库来获取 brands 和 models。您应该获取一次值并将它们保存在 session
中以供重复使用。
<c:if test="${empty brands}">
<c:set var="brands" value="${connector.getBrands()}" scope="session" />
</c:if>
其次,您需要确保在后续页面重新加载时重新选择 brand
。
<select name="brand" size="1">
<c:forEach var="brand" items="${brands}">
<option <c:out value="${brand == param.brand ? 'selected' : ''}" />>
<c:out value="${brand}" />
</option>
</c:forEach>
</select>
现在,对 model
执行相同的操作,但通过将其包装在 <c:if>
中,我们可以避免在第一页加载时访问数据库(因为尚未选择 brand
) 并可选择隐藏空白下拉菜单。
<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>
也对 color
重复类似的逻辑。
<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>
注意,您最后的 <form>
是不必要的。您的 colors
表格已经包含下订单所需的所有信息(brand
、model
和 color
)。因此,我直接将其 action
设置为 OrderConfirmation.jsp。
我正在学习 JSP 并且我想创建简单的在线商店
顾客会select一个品牌
方法connector.getBrands() 将从数据库
return 可用品牌列表
现在客户将在另一个 select
中看到可用选项
现在我需要在变量中保存 selected 品牌
客户将 select 成为模特
方法connector.getModel(${brand}) 将return 可用型号列表
现在客户可以select一个模型
现在我需要持有selected品牌和型号
顾客会select一个颜色
方法connector.getColor(${brand}, ${model} 将 return 可用颜色列表
现在我需要保留所有三个值
客户将点击 "Continue" 按钮继续到另一个 JSP 页面进行订单确认
现在,问题是每当我点击 "brand" 或 "model" 提交时,另一个 selected 字段将重置(我尝试从 [= =96=] 元素,但没有任何运气)。
我如何修改此代码,使其显示适当的品牌,在 select 一个品牌之后,该品牌的型号以及可用的颜色之后? (加上将所有这些值提交到下一页)
另外,如果知道如何在不重新加载页面的情况下从 "select" 或 "input" 字段访问值就更好了
这是我的 MotorbikeForm.jsp
代码<%@ 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>
1.
2.
3.
首先,您不应该在每次重新加载页面时都访问数据库来获取 brands 和 models。您应该获取一次值并将它们保存在 session
中以供重复使用。
<c:if test="${empty brands}">
<c:set var="brands" value="${connector.getBrands()}" scope="session" />
</c:if>
其次,您需要确保在后续页面重新加载时重新选择 brand
。
<select name="brand" size="1">
<c:forEach var="brand" items="${brands}">
<option <c:out value="${brand == param.brand ? 'selected' : ''}" />>
<c:out value="${brand}" />
</option>
</c:forEach>
</select>
现在,对 model
执行相同的操作,但通过将其包装在 <c:if>
中,我们可以避免在第一页加载时访问数据库(因为尚未选择 brand
) 并可选择隐藏空白下拉菜单。
<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>
也对 color
重复类似的逻辑。
<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>
注意,您最后的 <form>
是不必要的。您的 colors
表格已经包含下订单所需的所有信息(brand
、model
和 color
)。因此,我直接将其 action
设置为 OrderConfirmation.jsp。