动态设置select 下拉的值

最新推荐文章于 2024-07-15 03:14:56 发布

原创最新推荐文章于 2024-07-15 03:14:56 发布 · 168 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

WEB 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用JavaScript和jQuery创建动态年份下拉列表的方法。该方法可以根据当前年份生成一个包含过去20年的选项列表，并允许用户选择特定年份。此外，还实现了记住用户上一次选择的功能。

//动态时间
var nyears = 20; //年份跨度，从开始往上20年

//方法：创建我们要的select下拉列表
function createSelect (begin_year) {  //begin_year ： 从哪一年开始数，要数字。
	
	try{
		var select = jQuery("<select name='yzDate' id='yzDate'></select>");  //select标签
	}
	catch(ex){
		alert(ex.description);
	}
	//开始循环
	var option;
	for(var i=0;i<=nyears;i++){   
		option = jQuery('<option></option>');
		option.html(begin_year-i);  //设置它显示出来的项
		option.val(begin_year-i);  //设置它的值
		select.append(option);
	}
return select;
}
jQuery(document).ready(function(){ 

	var myDate = new Date();
	var year = myDate.getFullYear();
	var selectElem = createSelect(year);  // 这里返回的是一个select的jquery对象

$("#yearTime").append(selectElem);

var yzDateval= '${yzDate}';   // 记录上次选择的value
var yzDate= document.form1.yzDate;   
for(var i=0;i<yzDate.options.length;i++){   
    //将上次那个选项置为选择状态   
    if(yzDate.options[i].value==yzDateval){   
     yzDate.options[i].selected=true;   
        break;   
    }   
}  
});