手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript为下拉列表动态添加数据项
javascript为下拉列表动态添加数据项
摘要:javascript为下拉列表添加数据项.html复制代码代码如下:为下拉列表动态添加数据项functiongel(id){returndo...

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为下拉列表动态添加数据项】相关文章:

在JavaScript中使用JSON数据

javascript正则表达式总结

javascript元素动态创建实现方法

javascript事件冒泡实例分析

JavaScript实现DIV层拖动及动态增加新层的方法

纯javascript制作日历控件

javascript实现动态改变层大小的方法

javascript实现dom动态创建省市纵向列表菜单的方法

javascript基于DOM实现省市级联下拉框的方法

JavaScript中eval函数的问题

精品推荐
分类导航