javascript为下拉列表动态添加数据项

209 阅读 0 评论 138 点赞

我是靠谱客的博主隐形火车，最近开发中收集的这篇文章主要介绍javascript为下拉列表动态添加数据项，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

javascript为下拉列表添加数据项.html

复制代码代码如下:

 
<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
<title>为下拉列表动态添加数据项</title> 
<script type="text/javascript"> 
function gel(id) { return document.getElementById(id); } 

window.onload = function() { 
var cbbYear = gel("mysel"); 
for (var i = 1990; i < 2014; i++) { 

//方法1 
/*var opt = document.createElement("option"); 
opt.innerHTML = i; 
cbbYear.appendChild(opt);*/ 

//方法2 
var opt = new Option(i, i); 
cbbYear.options.add(opt); 
} 
}; 
</script> 
</head> 
<body> 
<select id="mysel"> 

</select> 
</body> 
</html> 