JavaScript实现select添加option


Posted in Javascript onJuly 03, 2015

JavaScript为select添加option

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试文件</title>
<script>
window.onload = function(){
  //创建select控件
  var _select = document.createElement("SELECT");
  
  //添加选项
  for(var i=1; i<=10; i++){
    var _option = new Option(i,i);
    _select.options.add(_option);
  }
  
  //选中值发生改变时的处理函数
  _select.onchange = function(){
    alert(_select.value); //取select控件被选中的值
  }
  
  document.body.appendChild(_select);
}
</script>
</head>

<body>
</body>
</html>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
接收键盘指令的脚本
Jun 26 Javascript
优化 JavaScript 代码的方法小结
Jul 16 Javascript
JQuery与JSon实现的无刷新分页代码
Sep 13 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 Javascript
JavaScript组件开发完整示例
Dec 15 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
基本DOM节点操作
Jan 17 Javascript
深入理解React高阶组件
Sep 28 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
Dec 29 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 Javascript
express框架下使用session的方法
Jul 31 Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 #Javascript
Javascript中的作用域和上下文深入理解
Jul 03 #Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 #Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 #Javascript
一张Web前端的思维导图分享
Jul 03 #Javascript
JavaScript中的对象与JSON
Jul 03 #Javascript
javascript生成大小写字母
Jul 03 #Javascript
You might like
PHP parse_url 一个好用的函数
2009/10/03 PHP
ajax在joomla中的原生态应用代码
2012/07/19 PHP
许愿墙中用到的函数
2006/10/07 Javascript
一个用js实现的页内搜索代码
2007/05/23 Javascript
对JavaScript的eval()中使用函数的进一步讨论
2008/07/26 Javascript
通过JS判断联网类型和连接状态的实现代码
2015/04/01 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
jQuery插件Timelinr 实现时间轴特效
2015/10/04 Javascript
babel基本使用详解
2017/02/17 Javascript
Underscore之Array_动力节点Java学院整理
2017/07/10 Javascript
在Vue中如何使用Cookie操作实例
2017/07/27 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
js实现input密码框显示/隐藏功能
2020/09/10 Javascript
jquery添加div实现消息聊天框
2020/02/08 jQuery
[07:03]显微镜下的DOTA2第九期——430圣堂刺客杀戮秀
2014/06/20 DOTA
[04:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster 选手采访
2021/03/11 DOTA
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
Pycharm学习教程(6) Pycharm作为Vim编辑器使用
2017/05/03 Python
Python FTP文件定时自动下载实现过程解析
2019/11/12 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
Python中Selenium模块的使用详解
2020/10/09 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
详解查看Python解释器路径的两种方式
2020/10/15 Python
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
高校生生产实习自我鉴定
2013/09/21 职场文书
毕业生精彩的自我评价分享
2013/10/06 职场文书
甲方资料员岗位职责
2013/12/13 职场文书
七一表彰活动方案
2014/01/18 职场文书
以权谋私检举信范文
2015/03/02 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
Nginx反向代理至go-fastdfs案例讲解
2021/08/02 Servers
不负正版帝国之名 《重返帝国》引领SLG手游制作新的标杆
2022/04/07 其他游戏