编程 Javascript

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

Posted in Javascript onMay 23, 2014

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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery实现兼容浏览器的图片上传本地预览功能

Oct 14 Javascript

Js 导出table内容到Excel的简单实例

Nov 19 Javascript

javascript实现简单的页面右下角提示信息框

Jul 31 Javascript

js事件驱动机制浏览器兼容处理方法

Jul 23 Javascript

JavaScript简单获取系统当前时间完整示例

Aug 02 Javascript

angular ng-click防止重复提交实例

Jun 16 Javascript

JS获取当前地理位置的方法

Oct 25 Javascript

Bootstrap 树控件使用经验分享(图文解说)

Nov 06 Javascript

react-redux中connect的装饰器用法@connect详解

Jan 13 Javascript

深入理解移动前端开发之viewport

Oct 19 Javascript

JS轮播图的实现方法

Aug 24 Javascript

如何用JavaScript检测当前浏览器是无头浏览器

Apr 27 Javascript

js检测网络是否具体连接功能的代码

May 23 #Javascript

JS实现距离上次刷新已过多少秒示例

May 23 #Javascript

jquery动态添加元素事件失效问题解决方法

May 23 #Javascript

JQuery弹出炫丽对话框的同时让背景变灰色

May 22 #Javascript

jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)

May 22 #Javascript

浅谈JavaScript字符集

May 22 #Javascript

对new functionName()定义一个函数的理解

May 22 #Javascript