EasyUI- combobox 实现下拉列表年份展示

使用EasyUI的combobox组件,通过jsp页面和java后台代码,展示了一个下拉列表,该列表仅包含年份数据,可用于日期选择或年龄筛选等功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 EasyUI实现:combobox 实现下拉列表展示年份

1. jsp 页面:

 

<input  title="年份" style="width: 99%;" type="text" name="feeDate" id="feeDate" value=""/>
<script type="text/javascript">
    //初始化数据
    $(function(){
	 //年份初始化
	 $('#feeDate').combobox({    
	    url:'orgbuild/party/djpartydues/djPartyDuesController/operation/queryYearList.json', 
	    valueField:'yearId',    
	    textField:'yearName'   
	 });  	
    }); 
</script>

 2. java代码

/**
 * 获取年份列表
 * 当前年份及向前取10年的年份数据
 */
@RequestMapping(value = "/operation/queryYearList")
public ModelAndView queryYearList(HttpServletRequest request, HttpServletResponse response) throws Exception{
	//获取当前年份 及前10年的记录
	 String newYear = DateUtils.getYear();
	 int currentYear = Integer.parseInt(newYear);	    
        String date = "[";
        for(int i=0; i<10; i++){
	  String yearId = Integer.toString(currentYear);
	  String yearName = Integer.toString(currentYear)+"年";
	  date += "{\"yearId\":\"" + yearId + "\",\"yearName\":\"" + yearName + "\"}";
	    if(i<9){
		  date +=",";
	    }
	     currentYear--;  
	  }
	 date += "]";
         response.setCharacterEncoding("UTF-8");
	 PrintWriter out = response.getWriter();
	 out.write(date);
	 out.close();
	 return null;
}

 

   

//返回json 
// [{"yearId":"2017","yearName":"2017年"},{"yearId":"2016","yearName":"2016年"},{"yearId":"2015","yearName":"2015年"},{"yearId":"2014","yearName":"2014年"},{"yearId":"2013","yearName":"2013年"},{"yearId":"2012","yearName":"2012年"},{"yearId":"2011","yearName":"2011年"},{"yearId":"2010","yearName":"2010年"},{"yearId":"2009","yearName":"2009年"},{"yearId":"2008","yearName":"2008年"}]

  

 

   展示效果:


 
 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值