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 相关文章推荐
javascript克隆对象深度介绍
Nov 20 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
Feb 05 Javascript
js中的referrer返回上一页使用介绍
Sep 26 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
angularjs定时任务的设置与清除示例
Jun 02 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
Jun 20 Javascript
Vue基于NUXT的SSR详解
Oct 24 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
Vue内部渲染视图的方法
Sep 02 Javascript
原生js实现文件上传、下载、封装等实例方法
Jan 05 Javascript
vue+Element-ui实现分页效果
Nov 15 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使之能同时支持GIF和JPEG
2006/10/09 PHP
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
php xml实例 留言本
2009/03/20 PHP
dedecms 批量提取第一张图片最为缩略图的代码(文章+软件)
2009/10/29 PHP
php中让上传的文件大小在上传前就受限制的两种解决方法
2013/06/24 PHP
php简单实现快速排序的方法
2015/04/04 PHP
php备份数据库类分享
2015/04/14 PHP
strpos() 函数判断字符串中是否包含某字符串的方法
2019/01/16 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
JQery jstree 大数据量问题解决方法
2010/03/09 Javascript
js下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
2011/10/31 Javascript
jquery键盘事件使用介绍
2011/11/01 Javascript
js+canvas绘制五角星的方法
2016/01/28 Javascript
Javascript中的对象和原型(二)
2016/08/12 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
JavaScript变量Dom对象的所有属性
2020/04/30 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
[01:19:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第二局
2016/03/05 DOTA
[03:53]2016国际邀请赛中国区预选赛第三日TOP10精彩集锦
2016/06/29 DOTA
Python中函数的参数传递与可变长参数介绍
2015/06/30 Python
Sanic框架蓝图用法实例分析
2018/07/17 Python
python-Web-flask-视图内容和模板知识点西宁街
2019/08/23 Python
tensorflow生成多个tfrecord文件实例
2020/02/17 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
Python面向对象魔法方法和单例模块代码实例
2020/03/25 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
自荐信格式简述
2014/01/25 职场文书
品牌推广策划方案
2014/05/28 职场文书
大学生军训自我鉴定范文
2014/09/18 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
先进教师个人事迹材料
2014/12/15 职场文书
班主任远程培训研修日志
2015/11/13 职场文书
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android
vue动态绑定style样式
2022/04/20 Vue.js