JSP页面生成年份下拉框

来源：互联网发布：新生分班软件编辑：程序博客网时间：2024/06/13 02:13

本次需求中，一个JSP列表展示页面查询区有个年份过滤，需要在下拉框中选择年份进行数据过滤。目前需求确认起始年份是2002年，结束年份是当前年份，在下拉框中降序显示。下面是使用Eclipse工具开发的。

1.创建名为PracProject001的Dynamic Web Project；

2.在WebContent目录下创建两个文件夹，分别为jsps和js，以便放入对应的文件；

3.引入js；

4.编写jsp页面；

5.启动tomcat，运行项目，查看页面运行效果。

其中，jsp页面的代码如下所示：

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!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=UTF-8"><title>年份下拉框测试</title><script type="text/javascript" src="../js/jquery.js"></script><script type="text/javascript">/*向下拉框中填入数据*/$(function(){var dd = new Date();var currentYear = dd.getFullYear();var size = currentYear - 2002 + 1;//$("#years").append($("<option value="+999+">"+"全部"+"</option>"));for( var i=0; i<size; i++ ){var yearOld = currentYear-i;$("#years").append($("<option value="+yearOld+">"+yearOld+"年"+"</option>"));}});/* 获取选中的下拉框的值 */function yearSelected(){var valueSel = $("#years").find("option:selected").val();var textSel = $("#years").find("option:selected").text();console.info("选中的option的value值为："+valueSel);/* value值，如2017 */console.info("选中的option的text值为："+textSel);/* text值，如2017年 */}</script></head><body><center><h2>请用心听 不要说话</h2></center><label>年份：</label><select id="years" onchange="yearSelected()"><option value="-1">---请选择---</option></select></body></html>

如有错误不当之处欢迎指正，谢谢！

阅读全文

0 0