JSP页面生成年份下拉框

本次需求中,一个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>



如有错误不当之处欢迎指正,谢谢!


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值