jsp中的一个下拉列表实例

最新推荐文章于 2021-02-26 07:33:01 发布
最新推荐文章于 2021-02-26 07:33:01 发布
阅读量1w 收藏 8
点赞数 2
分类专栏： web开发 文章标签： jsp class div border string list
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zeqblog/article/details/8101443
版权 

最近在写一个网站后台，用到了一个下拉列表，在这将代码贴出来供大家参考！（水平有限）
实现的效果如下：

 

 

 

 

 

 

 

 

代码只要涉及三个文件，两个servlet文件：UserListServlet.java （负责在数据库中查询全部用户记录）和UserListByPowerServlet.java(主要根据权限来查询相关记录，当权限是“全部”时，会从此文件跳转到UserListServlet文件让其执行),还有一个jsp文件，UserList.jsp（负责显示查询的数据）

 

UserListServlet.java

 

 

public class UserListServlet extends HttpServlet {

	
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
           
		doPost(request ,response);
		
	}

	
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setCharacterEncoding("utf-8");
		request.setCharacterEncoding("utf-8");
		
		String pNo=request.getParameter("pNo");
		
		if(pNo==null || pNo.equals("") || pNo.trim().equals("0")){
			pNo="1";
		}
		oj_UserDao ud=new oj_UserDaoImpl();
		int pageSize=10;
		List list=ud.getUserList(Integer.parseInt(pNo), pageSize);
		int totalCount=ud.totalCount();
		int pageCount=totalCount%pageSize==0?totalCount/pageSize:totalCount/pageSize+1;
		request.setAttribute("pNo", pNo);
		request.setAttribute("totalCount", totalCount);
		request.setAttribute("pageCount" ,pageCount);
		request.setAttribute("userList", list);
		 request.setAttribute("power","全部");
		request.getRequestDispatcher("tab/UserList.jsp").forward(request, response);
		
		
		
		
		
		
		
		
	}

}


 

UserListByPowerServlet.java

 


public class UserListByPowerServlet extends HttpServlet {

	 
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
 
		doPost(request,response);
	}

	 
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		
		response.setCharacterEncoding("utf-8");
		request.setCharacterEncoding("utf-8");
		String power=request.getParameter("power");
		if(power.equals("全部")){
			
			request.getRequestDispatcher("userListServlet").forward(request, response);
			
		}
		
		String pNo=request.getParameter("pNo");
		
		if(pNo==null || pNo.equals("") || pNo.trim().equals("0")){
			pNo="1";
		}
		oj_UserDao ud=new oj_UserDaoImpl();
		int pageSize=10;
		List list=ud.getUserList2(power,Integer.parseInt(pNo), pageSize);
		int totalCount=ud.totalCount2(power);
		int pageCount=totalCount%pageSize==0?totalCount/pageSize:totalCount/pageSize+1;
		request.setAttribute("pNo", pNo);
		request.setAttribute("totalCount", totalCount);
		request.setAttribute("pageCount" ,pageCount);
		request.setAttribute("userList", list);
	  request.setAttribute("power", power);
		request.getRequestDispatcher("tab/UserList.jsp").forward(request, response);
		
		
		

		 
	}

}


 

public class UserListByPowerServlet extends HttpServlet {

	 
	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
 
		doPost(request,response);
	}

	 
	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		
		response.setCharacterEncoding("utf-8");
		request.setCharacterEncoding("utf-8");
		String power=request.getParameter("power");
		if(power.equals("全部")){
			
			request.getRequestDispatcher("userListServlet").forward(request, response);
			
		}
		
		String pNo=request.getParameter("pNo");
		
		if(pNo==null || pNo.equals("") || pNo.trim().equals("0")){
			pNo="1";
		}
		oj_UserDao ud=new oj_UserDaoImpl();
		int pageSize=10;
		List list=ud.getUserList2(power,Integer.parseInt(pNo), pageSize);
		int totalCount=ud.totalCount2(power);
		int pageCount=totalCount%pageSize==0?totalCount/pageSize:totalCount/pageSize+1;
		request.setAttribute("pNo", pNo);
		request.setAttribute("totalCount", totalCount);
		request.setAttribute("pageCount" ,pageCount);
		request.setAttribute("userList", list);
	  request.setAttribute("power", power);
		request.getRequestDispatcher("tab/UserList.jsp").forward(request, response);
		
		
		

		 
	}

}


 

UserList.jsp(没必要看所有的，只看与下拉列表相关的mygetmoredata（）js函数，和select下拉列表)

 

<%@ page language="java" import="java.util.*,model.oj_user" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
<!--
body {
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
}
.STYLE1 {
	color: #e1e2e3;
	font-size: 12px;
}
.STYLE6 {color: #000000; font-size: 12; }
.STYLE10 {color: #000000; font-size: 12px; }
.STYLE19 {
	color: #344b50;
	font-size: 12px;
}
.STYLE21 {
	font-size: 12px;
	color: #3b6375;
}
.STYLE22 {
	font-size: 12px;
	color: #295568;
}


　 a:link { text-decoration: none;color: blue}
　　　　 a:active { text-decoration:blink}
　　　　 a:hover { text-decoration:underline;color: red} 
　　　　 a:visited { text-decoration: none;color: green}
img {border:0px}
-->
</style>
<script>

function doLogin(){
		var form=document.getElementById("Form");
		form.submit();
	}
function checkAll(e, itemName)   
{   
  var aa = document.getElementsByName(itemName);   
  for (var i=0; i<aa.length; i++)   
   aa[i].checked = e.checked;   
}   

function checkItem(e, allName)   
{   
  var all = document.getElementsByName(allName)[0];   
  if(!e.checked) all.checked = false;   
  else   
  {   
    var aa = document.getElementsByName(e.name);   
    for (var i=0; i<aa.length; i++)   
     if(!aa[i].checked) return;   
    all.checked = true;   
  }   
}   

	function deleChecked(){
	var url1="deleteManyUserServlet?";
	var users1=document.getElementsByName("mm");
	for(var i=0;i<users1.length;i++){
			if(users1[i].checked){
				url1=url1+"uid="+users1[i].value;
				if(i!=users1.length-1){
					url1=url1+"&";
				}
			}
	}
	if(url1=="deleteManyUserServlet?"){
		alert("请选择删除记录");
		return ;
	}
	window.location=url1;
}

function mygetmoredata()
  {
    
    myGetMoreDataForm.submit();
   }

</script>

</head>

<body>



 <%
  	List<oj_user> userList=(List<oj_user>)request.getAttribute("userList");
  	int totalCount=Integer.parseInt(request.getAttribute("totalCount").toString());
  String s=request.getAttribute("pageCount").toString();
  	int pageCount=Integer.parseInt(s);
  	String power=request.getAttribute("power").toString();
  	int pNo=Integer.parseInt(request.getAttribute("pNo").toString());
   %>


<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="24" bgcolor="#353c44"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
             <form method="POST" name="myGetMoreDataForm" action="userListByPowerServlet">
              <tr>
                <td width="6%" height="19" valign="bottom"><div align="center"><img src="images/tb.gif" width="14" height="14" /></div></td>
                <td width="80%" valign="bottom"><span class="STYLE1">  用户基本信息列表</span></td>
                  <td width="94%" valign="bottom"><span class="STYLE1">  按权限查找</span></td>
                 <td width="94%" valign="bottom"><span class="STYLE1">




<select size="1" name="power" style="font-family: 宋体; color: #0000FF; font-size: 15px" onChange="javascript:mygetmoredata()">
 
 <% 
 
 if(power.equals("全部")){
 %>
 
 <option value="超级管理员" >超级管理员</option>
<option value="普通管理员">普通管理员</option>
<option value="普通用户">普通用户</option>
<option value="全部" selected>全部</option>
</select>

<% 
}else if(power.equals("超级管理员")){
%>
<option value="超级管理员" selected>超级管理员</option>
<option value="普通管理员">普通管理员</option>
<option value="普通用户">普通用户</option>
<option value="全部" >全部</option>
</select>


<%} else if(power.equals("普通管理员")){
%>
<option value="超级管理员" >超级管理员</option>
<option value="普通管理员" selected>普通管理员</option>
<option value="普通用户">普通用户</option>
<option value="全部" >全部</option>
</select>


<%} else if(power.equals("普通用户")){
%>
<option value="超级管理员" selected>超级管理员</option>
<option value="普通管理员">普通管理员</option>
<option value="普通用户" selected>普通用户</option>
<option value="全部" >全部</option>
</select>


<%} %>

</span></td>
              </tr><input type="hidden" name="tpa" value="0"></form>
            </table></td>
            <td><div align="right"><span class="STYLE1">
              <input type="checkbox" name=mmAll id="checkbox11" οnclick="checkAll(this, 'mm')"/>
              全选         <img src="images/add.gif" width="10" height="10" /> 添加    <img src="images/del.gif" width="10" height="10" /> <a href="#" οnclick="deleChecked()">删除</a>          </span><span class="STYLE1">  </span></div></td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#a8c7ce">
      <tr>
        <td width="4%" height="20" bgcolor="d3eaef" class="STYLE10"><div align="center">
          <input type="checkbox" name="checkbox" id="checkbox" />
        </div></td>
         <td width="5%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">序号</span></div></td>
        <td width="10%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">用户名</span></div></td>
        <td width="15%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">用户角色</span></div></td>
        <td width="14%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">密码</span></div></td>
        <td width="16%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">总提交数</span></div></td>
        <td width="22%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">通过数</span></div></td>
        <td width="21%" height="20" bgcolor="d3eaef" class="STYLE6"><div align="center"><span class="STYLE10">基本操作</span></div></td>
      </tr>
      <%
      if(userList!=null){
      for(int i=0;i<userList.size();i++){
      oj_user user=userList.get(i);
      %>
      
      <tr>
        <td height="20" bgcolor="#FFFFFF"><div align="center">
           <input type=checkbox name=mm value=<%=user.getId() %> οnclick="checkItem(this, 'mmAll')">
        </div></td>
         <td height="20" bgcolor="#FFFFFF" class="STYLE6"><div align="center"><span class="STYLE19"><%=i+1%></span></div></td>
        <td height="20" bgcolor="#FFFFFF" class="STYLE6"><div align="center"><span class="STYLE19"><%= user.getName()%></span></div></td>
        <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center"><%=user.getPower() %></div></td>
        <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center"><%=user.getPassword() %></div></td>
        <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center"><%=user.getTotal() %></div></td>
        <td height="20" bgcolor="#FFFFFF" class="STYLE19"><div align="center"><%=user.getAccept() %></div></td>
        <td height="20" bgcolor="#FFFFFF"><div align="center" class="STYLE21"><a href="deleteOneUserServlet?id=<%=user.getId() %>">删除</a> |  编辑  | 查看</div></td>
      </tr>
 <% 
 }}
  %>
 
 
 
    </table></td>
  </tr>
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="33%"><div align="left"><span class="STYLE22">    共有<strong> <%=totalCount %></strong> 条记录，当前第<strong> <%=pNo %></strong> 页，共 <strong><%=pageCount %></strong> 页</span></div></td>
        <td width="67%"><table width="312" border="0" align="right" cellpadding="0" cellspacing="0">
         <form action="userListServlet" method="post" id="Form">
          <tr>
            <td width="49"><div align="center"><a href="userListServlet?pNo=1"><img src="images/first.gif" width="40" height="15" /></a></div></td>
            <td width="49"><div align="center"><a href="userListServlet?pNo=<%=pNo>1?pNo-1:1 %>"><img src="images/back.gif" width="45" height="15" /></a></div></td>
            <td width="49"><div align="center"><a href="userListServlet?pNo=<%=pNo>=pageCount?pageCount:pNo+1 %>"><img src="images/next.gif" width="45" height="15" /></a></div></td>
            <td width="49"><div align="center"><a href="userListServlet?pNo=<%=pageCount %>"><img src="images/last.gif" width="40" height="15" /></a></div></td>
            <td width="37" class="STYLE22"><div align="center">转到</div></td>
            <td width="22"><div align="center">
              <input type="text" name="textfield" id="textfield"  style="width:20px; height:12px; font-size:12px; border:solid 1px #7aaebd;"/>
            </div></td>
            <td width="22" class="STYLE22"><div align="center">页</div></td>
            <td width="35"><img src="images/go.gif" width="30" height="15" οnclick="doLogin()"/></td>
          </tr>
          </form>
        </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>


 

 

他们之间的关系大致为，当第一次从别的网页要跳到userList.jsp时，首先跳到UserListServlet.jsp查询全部的数据，当在jsp页面按权限查找时，跳到UserListByPowerServlet之后，查询数据，再将数据返回到jsp页面进行显示，当在UserlistByPower遇到的权限是“全部”时，此servlet不进行查询，跳到userlistservlet后，再查询！！！

 


 

 

 

kyrin_云中鹤
关注
专栏目录
jsp页面动态展示list-使用<select>和<c>标签
༺ bestcxx的专栏 ༻
06-21 2万+
后台：搜索数据放入list，然后为这个list提供响应的get和set方法 private List<String> l=new ArrayList<String>(); public List<String> getL() { return l; } public void setL(List<String> l) { this....
jsp页面中的下拉列表
一个2年工作经验的程序测试员
02-15 2743
在WEB开发过程中，我们经常遇到信息修改的功能需求。这时我们给用户提供一个JSP页面，展示出当前的信息并允许用户重新设置新值。而在这个页面中，一般是少不了下拉列表的。至于它的处理方式，我以前想过一种，思路如下：在页面设置一个隐藏域，用于保存后台传递过来的值；然后在页面输出下拉列表，这时它的值是默认的，即第一项；在js代码段中获取隐藏域中的值并在循环中判断它是否等于下拉项的id值，如果相等就设置该项...
jsp中下拉列表
学而不思则罔 思而不学则殆
04-15 5433
classification: <select name="classes" onchange="location.href=this.options[this.selectedIndex].value"> <option value=" ">all <option value="
jsp下拉列表
weixin_30325793的博客
06-27 242
<c:set var="REPORT_TYPE_NORMAL" value="<%=SysIndexFormTemp.REPORT_TYPE_NORMAL%>" /><c:set var="REPORT_TYPE_MONTH" value="<%=SysIndexFormTemp.REPORT_TYPE_MONTH%>" /><c:set va...
jsp下拉列表java_java – JSP：下拉列表2取决于下拉列表1
weixin_39839162的博客
02-26 192
我在处理两个链接下拉列表时遇到困难,下拉列表1将从数据库中获取值并根据用户的选择,它将在下拉列表2中获取相关记录.我尝试在我的jsp中使用该代码执行此操作,但它不起作用,并且许多人建议使用javascript.事实上,我不太了解更多的JS,所以能帮助我try{ResultSet rs=null;Statement st1=null;String query = "select Category_n...
jsp中select的onchange事件用法实例
10-23
在本文中，当用户选择一个行业分类时，页面会调用changelocation函数，该函数会清空另一个名为"selzhy"的下拉列表中的选项，并根据已选的行业分类加载对应的子行业分类。 ```javascript function changelocation(id...
用JSP+Ajax实现搜索框的下拉列表
05-16
在本文中，我们将深入探讨如何使用JSP和Ajax技术来实现一个类似百度或谷歌搜索框的下拉列表功能。这个功能通常用于提供用户输入时的实时建议，提高用户体验，使得用户能够快速找到他们可能感兴趣的搜索项。 首先，...
javascript实现在下拉列表中显示多级树形菜单的方法
12-11
本文实例讲述了javascript实现在下拉列表中显示多级树形菜单的方法。分享给大家供大家参考。具体如下： 这里演示在下拉列表框中显示分级的菜单，在很多网站都可以看到的效果，很实用，下拉列表框中的选项是利用JS...
jsp中select的onchange事件用法实例.docx
01-20
在Web开发中，`onchange`事件是一种常用的JavaScript事件，用于在用户更改表单元素（如`<select>`下拉列表）时触发特定的操作。在JSP（JavaServer Pages）环境中，结合Java后端技术，我们可以实现更复杂的功能，例如...
jsp导航条 下拉菜单
11-11
jsp有下拉的导航条 自己写的，仅供参考，不好请留言
jsp/html 实现下拉复选框
02-21
包括相应的js，css文件，这些都是经过测试的。是没有问题的
在jsp中如何用下拉菜单实现动态查询
09-24
form method="post" action=""> 查询用户 全部 用户ID 用户名 <input type="text" name="username" size="18"/></td> <<input type="submit" name="chaxun"/></td> <% if(db.connect()) { String sql="select * from users"; if(request.getParameter("chaxun")!=null) { if(!request.getParameter("select").equals("all"))
JSP自定义标签(一)_树形下拉选择菜单
10-29
JSP自定义标签(一)_树形下拉选择菜单
数据库读取下拉列表选项
12-20
这可能包括一个简单的`SELECT`语句，如`SELECT option_name FROM options_table ORDER BY option_order`，其中`option_name`是下拉列表中要显示的值，`options_table`是存储选项的表，而`option_order`用于确保按...
在jsp页面中加入下拉列表
F2Zf的博客
08-04 2917
<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> 新增收货地址管理 $(function (){ initComplexAre
jsp中的下拉列表
changyuming的专栏
03-02 975
                                                       
JSP页面中form表单的下拉列表
热门推荐
blacklife150614的博客
11-10 1万+
今天在进行struts+hibernate开发的时候，JSP页面中form表单的下拉列表的选项是从Action通过request域对象传过来的。可以利用 c:forEach 标签循环进行显示。 具体如下： 1、在Action中，将域对象放入request中 Map requestMap = (Map) ac.get("request"); requestMap.put("showIdLi
java jsp下拉列表框_用JSP实现下拉列表框三级联动效果
weixin_42231590的博客
02-16 1789
一、在数据库数据库中建立三个表1.city字段：districtname，locationid，districtid2.province字段：locationid，locationname3.village字段：villageid,villagename,districtid二、代码如下：pageEncoding="gb2312"%>jsp实现三级联动的下拉列表框效果Connection c...
jeesite下拉框多选
最新发布
09-26
在JeeSite框架中，处理下拉框多选通常涉及到Spring MVC和Shiro权限管理下的数据绑定。你可以使用JSP页面配合ModelAndView来实现动态生成的多选下拉框。以下是一个基本步骤： 1. **创建数据模型**：首先，在你的业务层或者领域模型中定义一个包含下拉选项的实体类，比如`Option`，并维护一个集合来表示多选状态。 ```java public class Option { private String value; private String label; private boolean selected; // getters and setters... } ``` 2. **配置数据源**：在Controller中，从数据库或者其他数据源获取选项列表，并填充到`Option`对象集合中，可能还需要根据用户的权限设置默认选中项。 ```java @Autowired private YourService yourService; // 服务层 @RequestMapping public ModelAndView selectOptions(Model model) { List<Option> options = yourService.getOptions(); model.addAttribute("options", options); return new ModelAndView("yourView"); } ``` 3. **JSP页面设计**：在JSP页面上，通过JSTL标签（如c:forEach），遍历`options`集合，构建HTML表单。例如，`<select>`标签可以使用`multiple="multiple"`属性支持多选。 ```jsp <select name="selectedOptions" multiple> <c:forEach items="${options}" var="option"> <option value="${option.value}" ${option.selected ? 'selected' : ''}> ${option.label} </option> </c:forEach> </select> ``` 4. **提交和验证**：用户选择完选项后，通过表单提交到后台，Controller接收请求，更新模型状态，然后跳转到下一个视图。 完成上述步骤后，用户就可以在下拉框中进行多选了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值