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>
复制代码 代码如下:
<!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>
相关文章
关于js datetime的一些使用经验分享，想要了解datetime日期操作的朋友可以参考下。2011-11-11
JavaScript 进阶问题列表(各种js代码段1-65)
从基础到进阶,测试你有多了解 JavaScript,刷新你的知识,或者帮助你的 coding 面试！ :muscle: :rocket: 我每周都会在这个仓库下更新新的问题2024-11-11
这篇文章主要介绍了JS指定音频audio在某个时间点进行播放,获取当前音频audio的长度,音频时长格式转化,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-11-11
这篇文章主要为大家详细介绍了前端天气插件tpwidget使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-06-06
这篇文章主要帮助大家轻松学习掌握Javascript闭包函数，从闭包的含义出发，由浅入深学习Javascript闭包函数，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了详解微信小程序图片地扯转base64解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
js 中实现页面跳转的方法(window.location和window.open的区别)2009-03-03
这篇文章主要为大家详细介绍了JavaScript实现切换多张图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
为了更好的用户体验，现在网页中好多地方都使用弹出层。比如提示登陆，扫描微信二维码图片，论坛下载弹出扣除积分提醒等。2014-05-05
基于JavaScript实现HarmonyOS备忘录服务卡片
这篇文章主要介绍了基于JavaScript实现HarmonyOS备忘录服务卡片，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-05-05
最新评论