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

 更新时间:2014年05月23日 09:25:48   作者:  
这篇文章主要介绍了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>

相关文章

  • JavaScript内存管理介绍

    JavaScript内存管理介绍

    这篇文章主要介绍了JavaScript内存管理介绍,本文讲解了内存生命周期、JavaScript的内存分配、通过函数调用的内存分配、当内存不再需要使用时释放等内容,需要的朋友可以参考下
    2015-03-03
  • Bootstrap 树控件使用经验分享(图文解说)

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

    很多项目中使用树来展示层级关系,还有些树是为了选中项然后其他地方调用选中项。今天脚本之家小编给大家带来了Bootstrap 树控件使用经验分享,需要的朋友参考下吧
    2017-11-11
  • JS实现字体背景跑马灯

    JS实现字体背景跑马灯

    这篇文章主要为大家详细介绍了JS实现字体背景跑马灯,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • JavaScript定时显示广告代码分享

    JavaScript定时显示广告代码分享

    这篇文章主要介绍了JavaScript定时显示广告代码分享,本文直接给出实现代码,需要的朋友可以参考下
    2015-03-03
  • 盘点javascript 正则表达式中 中括号的【坑】

    盘点javascript 正则表达式中 中括号的【坑】

    下面小编就为大家带来一篇盘点javascript 正则表达式中 中括号的【坑】。小编觉得总结的不错。现在分享给大家,希望能给大家一个参考
    2016-03-03
  • bootstrapValidator表单验证插件学习

    bootstrapValidator表单验证插件学习

    这篇文章主要为大家详细介绍了表单验证插件bootstrapValidator的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • iframe窗口高度自适应的又一个巧妙实现思路

    iframe窗口高度自适应的又一个巧妙实现思路

    这篇文章主要介绍了实现iframe窗口高度自适应的又一个巧妙思路,需要的朋友可以参考下
    2014-04-04
  • js简单实现网页换肤功能

    js简单实现网页换肤功能

    这篇文章主要为大家详细介绍了js简单实现网页换肤功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • Bootstrap表单Form全面解析

    Bootstrap表单Form全面解析

    在进行自己的后台改版时,大体布局都使用了bootstrap,剩下的表单部分没理由不去使用它,对于表单的美化和布局,bootstrap做的也是很不错的。下文给大家介绍Bootstrap表单Form全面解析,感兴趣的朋友一起看下吧
    2016-06-06
  • 微信小程序实现modal弹出框遮罩层组件(可带文本框)

    微信小程序实现modal弹出框遮罩层组件(可带文本框)

    这篇文章主要给大家介绍了关于微信小程序实现modal弹出框遮罩层组件(可带文本框)的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12

最新评论