select动态添加选项

最新推荐文章于 2023-11-30 20:21:41 发布

Synchronized

最新推荐文章于 2023-11-30 20:21:41 发布

阅读量136

点赞数

分类专栏： javascript学习笔记文章标签： JavaScript ViewUI

本文链接：https://blog.csdn.net/huozhanfeng/article/details/83872566

版权

javascript学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

语法：向一个下拉框添加属性

document.getElementById("ddlControl").options.add(new Option(text,value));

<script language="javascript" type="text/javascript">
	//添加下拉框选项
	function addOption()
	{
		var obj=document.getElementById('year');
		for(var i=1961;i<=2061;i++)
		obj.options.add(new Option(i+"年",i));
	}
	//下拉框选项默认为当前系统年
	function setYear()
	{	
		var obj=document.getElementById('year');
		var data=new Date();
		var year=data.getFullYear();
		for(var i=0;i<=100;i++)
		{
			if(obj.options[i].value == year)
			{	
				obj.options[i].selected=true;
				return;
			}
		}
	}
	</script>

<body>
	//先有下拉框
  	  <select name="year" id="year">
	  </select>
	 
	  <script language="javascript" type="text/javascript">
	  addOption();
	  setYear();
	  </script>
</body>