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和javascript的区别(常用方法比较)
Jul 04 Javascript
jQuery实现类似标签风格的导航菜单效果代码
Aug 25 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
Jan 05 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
Sep 29 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
Vue实现数据表格合并列rowspan效果
Nov 30 Javascript
javascript实现简易数码时钟
Mar 30 Javascript
vue中实现图片压缩 file文件的方法
May 28 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
Jan 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
You might like
url decode problem 解决方法
2011/12/26 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
解析PHP中VC6 X86和VC9 X86的区别及 Non Thread Safe的意思
2013/06/28 PHP
php根据用户名和手机号查询是否存在手机号码
2017/02/16 PHP
解决laravel中日志权限莫名变成了root的问题
2019/10/17 PHP
判断是否输入完毕再激活提交按钮
2006/06/26 Javascript
JScript中使用ADODB.Stream判断文件编码的代码
2008/06/09 Javascript
30个最佳jQuery Lightbox效果插件分享
2011/04/11 Javascript
js比较和逻辑运算符的介绍
2013/03/10 Javascript
document节点对象的获取方式示例介绍
2013/12/24 Javascript
jQuery编程中的一些核心方法简介
2015/08/14 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
2016/07/01 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
ztree实现权限横向显示功能
2017/05/20 Javascript
VSCode中如何利用d.ts文件进行js智能提示
2018/04/13 Javascript
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
vue keep-alive请求数据的方法示例
2018/05/16 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
2018/12/17 Javascript
JS实现的碰撞检测与周期移动完整示例
2019/09/02 Javascript
layui问题之自动滚动二级iframe页面到指定位置的方法
2019/09/18 Javascript
python转换摩斯密码示例
2014/02/16 Python
itchat接口使用示例
2017/10/23 Python
python实现合并两个排序的链表
2019/03/03 Python
Python Django view 两种return的实现方式
2020/03/16 Python
草莓巧克力:Shari’s Berries
2017/02/07 全球购物
美国在线购物频道:Shop LC
2019/04/21 全球购物
双立人加拿大官网:Zwilling加拿大
2020/08/10 全球购物
C/C++有关内存的思考题
2015/12/04 面试题
平面设计岗位职责
2013/12/14 职场文书
农村婚礼证婚词
2014/01/08 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
党的群众路线教育学习材料
2014/05/12 职场文书
乒乓球兴趣小组活动总结
2014/07/08 职场文书
初级党校心得体会
2014/09/11 职场文书
2014年体育教学工作总结
2014/12/09 职场文书