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 相关文章推荐
二级域名转向类
Nov 09 Javascript
(仅IE下有效)关于checkbox 三态
May 12 Javascript
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
May 06 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
JS实现单击输入框弹出选择框效果完整实例
Dec 14 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
node实现基于token的身份验证
Apr 09 Javascript
Vue安装浏览器开发工具的步骤详解
May 12 Javascript
多个vue子路由文件自动化合并的方法
Sep 03 Javascript
JS实现小米轮播图
Sep 21 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 session 预定义数组
2009/03/16 PHP
php实现多张图片上传加水印技巧
2013/04/18 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
php内嵌函数用法实例
2015/03/20 PHP
微信随机生成红包金额算法php版
2016/07/21 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
asp批量修改记录的代码
2008/06/25 Javascript
js 深拷贝函数
2008/12/04 Javascript
JavaScript 提升运行速度之循环篇 译文
2009/08/15 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
javascript实现表单提交后,提交按钮不可用的方法
2015/04/18 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
2015/08/11 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
jquery实现点击页面回到顶部
2016/11/23 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
JavaScript之浏览器对象_动力节点Java学院整理
2017/07/03 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
webpack配置之后端渲染详解
2017/10/26 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
vue页面引入three.js实现3d动画场景操作
2020/08/10 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
详解Python编程中time模块的使用
2015/11/20 Python
Windows上使用virtualenv搭建Python+Flask开发环境
2016/06/07 Python
Python应用03 使用PyQT制作视频播放器实例
2016/12/07 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
Python3使用Selenium获取session和token方法详解
2021/02/16 Python
Python实现曲线拟合的最小二乘法
2021/02/19 Python
世界上最全面的汽车零部件和配件集合:JC Whitney
2016/09/04 全球购物
请问如下代码执行后a和b的值分别是什么
2016/05/05 面试题
2014年科协工作总结
2014/12/09 职场文书
毕业论文致谢部分怎么写
2015/05/14 职场文书
详解Python描述符的工作原理
2021/06/11 Python