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 相关文章推荐
文本加密解密
Jun 23 Javascript
jQuery实现点击文本框弹出热门标签的提示效果
Nov 17 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
Window.Open打开窗体和if嵌套代码
Apr 15 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
Apr 18 Javascript
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
vue组件实现文字居中对齐的方法
Aug 23 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
vue使用自定义指令实现拖拽
Jan 29 Javascript
Vue强制组件重新渲染的方法讨论
Feb 03 Javascript
JavaScript实现简单计算器
Mar 19 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
PHP动态柱状图实现方法
2015/03/30 PHP
php实现的网络相册图片防盗链完美破解方法
2015/07/01 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
用javascript获取地址栏参数
2006/12/22 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
2015/12/09 Javascript
极易被忽视的javascript面试题七问七答
2016/02/15 Javascript
基于RequireJS和JQuery的模块化编程——常见问题全面解析
2016/04/14 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
js鼠标经过tab选项卡时实现切换延迟
2017/03/24 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
2017/10/14 jQuery
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
微信公众平台 发送模板消息(Java接口开发)
2019/04/17 Javascript
微信小程序人脸识别功能代码实例
2019/05/07 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
在Python程序中操作MySQL的基本方法
2015/07/29 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
Python实现返回数组中第i小元素的方法示例
2017/12/04 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
Python补齐字符串长度的实例
2018/11/15 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
pyqt5 键盘监听按下enter 就登陆的实例
2019/06/25 Python
在Python中COM口的调用方法
2019/07/03 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
计算机专业个人求职信范例
2013/09/23 职场文书
信息学院毕业生自荐信范文
2014/03/04 职场文书
岗位安全生产责任书
2014/07/28 职场文书
学术会议通知
2015/04/15 职场文书
2015年度学校应急管理工作总结
2015/10/22 职场文书