Jsp 如何在下拉列表中保留选定值?
这是我的jsp代码:Jsp 如何在下拉列表中保留选定值?,jsp,jstl,Jsp,Jstl,这是我的jsp代码: <%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <html> <head> <title>Drop down</title> <script type="
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>Drop down</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#delete").click(function(){
var d = [];
$.each($("#delete option:selected"), function(){
d.push($(this).val());
});
var s=(d.join(", "));
console.log(s);
$("#delete_empId").val(s);
console.log($("#delete_empId").val());
});
});
</script>
</head>
<body>
<div align="center">
<form:form method="post" action="${pageContext.request.contextPath}/deleteMultiple" modelAttribute="employee">
<table>
<tr>
<td>First Name :</td>
<td><form:input path="firstName" /></td>
</tr>
<tr>
<td>Last Name :</td>
<td><form:input path="lastName" /></td>
</tr>
<tr>
<td>emp_Id :</td>
<td><form:input path="emp_Id" /></td>
</tr>
<tr>
<td>email_Id :</td>
<td><form:input path="email_ID"/></td>
</tr>
<tr>
<td>phone_No :</td>
<td><form:input path="phone_No"/></td>
</tr>
<tr>
<td>City :</td>
<td><form:input path="city"/></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="Search" /></td>
</tr>
</table>
<input type= "hidden" id="delete_empId" name="delete_empId" />
</form:form>
</div>
<div align="center">
<h2 style="color:blue">SelectBox:</h2>
<form:form method="post" action="${pageContext.request.contextPath}/deleteMultipleEmpDetails" modelAttribute="employee">
<select id="delete" multiple name="employees">
<c:forEach items="${empList}" var="employee">
<c:choose>
<c:when test="${delete!=selected}">
<option value= "${employee.emp_Id}" selected="selected"> ${employee.firstName} </option>
</c:when>
<c:otherwise>
<option value= "${employee.emp_Id}" >${employee.firstName}</option>
</c:otherwise>
</c:choose>
${msg}
</c:forEach>
</select>
<input type="submit" name="delete" value="delete">
</form:form>
</div>
<div>
<h4 style="color:red">${message}</h4>
</div>
</body>
</html>
下降
$(文档).ready(函数(){
$(“#删除”)。单击(函数(){
var d=[];
$.each($(“#删除选项:选中”),函数(){
d、 推送($(this.val());
});
var s=(d.join(“,”);
控制台日志;
$(“#删除#empId”).val(s);
console.log($(“#delete_empId”).val();
});
});
名字:
姓氏:
环境管理计划编号:
电子邮件地址:
电话号码:
城市:
选择框:
${employee.firstName}
${employee.firstName}
${msg}
${message}
我的问题是,当我在下拉菜单中选择特定值并在搜索操作中搜索另一个值时,这两个值都被选中。请告诉我当我单击搜索按钮时,只有下拉菜单选项必须被选中的解决方案。我的条件是否正确。您能更详细地解释一下工作流是什么吗?首先,用户搜索时,下拉列表中会显示一群员工。然后用户在下拉列表中选择其中一些,然后单击删除?那又怎样?你能更详细地解释一下工作流程是什么吗?首先,用户搜索时,下拉列表中会显示一群员工。然后用户在下拉列表中选择其中一些,然后单击删除?然后呢?