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 相关文章推荐
JS Timing
Apr 21 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 Javascript
hover的用法及live的用法介绍(鼠标悬停效果)
Mar 29 Javascript
JQuery文字列表向上滚动的代码
Nov 13 Javascript
推荐一款jQuery插件模板
Jan 09 Javascript
js操作数组函数实例小结
Dec 10 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 Javascript
jQuery学习笔记之回调函数
Aug 15 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
微信小程序input框中加入小图标的实现方法
Jun 19 Javascript
jquery添加div实现消息聊天框
Feb 08 jQuery
原生JavaScript实现购物车
Jan 10 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
解析thinkphp中的M()与D()方法的区别
2013/06/22 PHP
浅析Mysql 数据回滚错误的解决方法
2013/08/05 PHP
PHP的几个常用加密函数
2016/02/03 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
javascript XML数据显示为HTML一例
2008/12/23 Javascript
基于Jquery的文字自动截取(提供源代码)
2011/08/09 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
2014/04/18 Javascript
js验证上传图片的方法
2015/05/12 Javascript
jQuery中常用的遍历函数用法实例总结
2015/09/01 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
2016/05/31 Javascript
Javascript类型系统之String字符串类型详解
2016/06/21 Javascript
谈谈vue中mixin的一点理解
2017/12/12 Javascript
vue: WebStorm设置快速编译运行的方法
2018/10/18 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
解决vue跨域axios异步通信问题
2019/04/17 Javascript
解决vue组件props传值对象获取不到的问题
2019/06/06 Javascript
茶余饭后聊聊Vue3.0响应式数据那些事儿
2019/10/30 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
angularjs模态框的使用代码实例
2019/12/20 Javascript
python实现将元祖转换成数组的方法
2015/05/04 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
Jupyter Notebook打开任意文件夹操作
2020/04/14 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
吉列剃须刀英国官网:Gillette英国
2019/03/28 全球购物
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
募捐倡议书怎么写
2014/05/14 职场文书
体育运动口号
2014/06/09 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
简易离婚协议书范本2014
2014/10/15 职场文书
2015年教师党员公开承诺书
2015/01/22 职场文书
给老婆的检讨书
2015/01/27 职场文书
广告业务员岗位职责
2015/02/13 职场文书
教师辞职书范文
2015/02/26 职场文书
行为习惯主题班会
2015/08/14 职场文书