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模拟实现Array的sort方法
Dec 11 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
Feb 14 Javascript
$.format,jquery.format 使用说明
Jul 13 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
往光标所在位置插入值的js代码
Sep 22 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
Jan 12 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
网页右侧悬浮滚动在线qq客服代码示例
Apr 28 Javascript
js实现刷新iframe的方法汇总
Apr 27 Javascript
jQuery 导航自动跟随滚动的实现代码
May 30 jQuery
JS编写兼容IE6,7,8浏览器无缝自动轮播
Oct 12 Javascript
如何用vue-cli3脚手架搭建一个基于ts的基础脚手架的方法
Dec 12 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中使用临时表查询数据的一个例子
2013/02/03 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
jquery使用ColorBox弹出图片组浏览层实例演示
2013/03/14 Javascript
jquery文字上下滚动的实现方法
2013/03/22 Javascript
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
Express之get,pos请求参数的获取
2017/05/02 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
JQuery 获取多个select标签option的text内容(实例)
2017/09/07 jQuery
vue小图标favicon不显示的解决方案
2017/09/19 Javascript
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
使用electron将vue-cli项目打包成exe的方法
2018/09/29 Javascript
JQuery Ajax执行跨域请求数据的解决方案
2018/12/10 jQuery
JavaScript遍历查找数组中最大值与最小值的方法示例
2019/05/24 Javascript
vue实现两个组件之间数据共享和修改操作
2020/11/12 Javascript
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
Django验证码的生成与使用示例
2017/05/20 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
Python 一句话生成字母表的方法
2019/01/02 Python
python实现图书借阅系统
2019/02/20 Python
Python3 使用pillow库生成随机验证码
2019/08/26 Python
django数据模型on_delete, db_constraint的使用详解
2019/12/24 Python
python opencv实现简易画图板
2020/08/27 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
CSS3中HSL和HSLA的简单使用示例
2015/07/14 HTML / CSS
师范生实习自我鉴定
2013/11/01 职场文书
企业演讲稿范文大全
2014/05/20 职场文书
公司任命书范本
2014/06/04 职场文书
教师考核表个人总结
2015/02/12 职场文书
优秀志愿者感言
2015/08/01 职场文书
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers