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 相关文章推荐
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
谈谈JavaScript类型系统之Math
Jan 06 Javascript
node.js 和HTML5开发本地桌面应用程序
Dec 13 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 jQuery
Webpack 之 babel-loader文件预处理器详解
Mar 23 Javascript
用node.js写一个jenkins发版脚本
May 21 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
Jun 04 Javascript
浅谈JSON5解决了JSON的两大痛点
Dec 14 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
编译问题
2006/10/09 PHP
PHP新手上路(十)
2006/10/09 PHP
PHP中,文件上传
2006/12/06 PHP
PHP数据库调用类调用实例(详细注释)
2012/07/12 PHP
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
学习php分页代码实例
2013/10/24 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
Laravel框架路由设置与使用示例
2018/06/12 PHP
JavaScript 比较时间大小的代码
2010/04/24 Javascript
jquery 新浪网易的评论块制作
2010/07/01 Javascript
jquery插件制作 提示框插件实现代码
2012/08/17 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
2014/05/22 Javascript
jQuery聚合函数实例
2015/05/21 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
JS实现仿腾讯微博无刷新删除微博效果代码
2015/10/16 Javascript
Bootstrap布局之栅格系统详解
2016/06/13 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
JavaScript验证知识整理
2017/03/24 Javascript
vue 2.0项目中如何引入element-ui详解
2017/09/06 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
vuejs前后端数据交互之从后端请求数据的实例
2018/08/11 Javascript
layui加载数据显示loading加载完成loading消失的实例代码
2019/09/23 Javascript
微信小程序连接服务器展示MQTT数据信息的实现
2020/07/14 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python使用marshal模块序列化实例
2014/09/25 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
Python 自动登录淘宝并保存登录信息的方法
2019/09/04 Python
Python 脚本拉取 Docker 镜像问题
2019/11/10 Python
初婚未育证明
2014/01/15 职场文书
2014年教师党员自我评议
2014/09/19 职场文书
餐厅感恩节活动策划方案
2014/10/11 职场文书
2015年反洗钱工作总结
2015/04/25 职场文书
客户答谢会致辞
2015/07/30 职场文书
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python