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 初体验(建议学习jquery)
Apr 25 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 Javascript
JS打开新窗口防止被浏览器阻止的方法
Jan 03 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 Javascript
JQuery fileupload插件实现文件上传功能
Mar 18 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
Javascript实现基本运算器
Jul 15 Javascript
vue cli webpack中使用sass的方法
Feb 24 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
webpack4+react多页面架构的实现
Oct 25 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多文件上传功能实现原理及代码
2013/04/18 PHP
php遍历目录与文件夹的多种方法详解
2013/11/14 PHP
PHP数据库表操作的封装类及用法实例详解
2016/07/12 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
取得传值的函数
2006/10/27 Javascript
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
node.js中RPC(远程过程调用)的实现原理介绍
2014/12/05 Javascript
javascript实现图片跟随鼠标移动效果的方法
2015/05/13 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
jQuery.ajax 跨域请求webapi设置headers的解决方案
2016/08/08 Javascript
JS+DIV实现的卷帘效果示例
2017/03/22 Javascript
jQuery实现的点击标题文字切换字体效果示例【测试可用】
2018/04/26 jQuery
Vue自定义指令封装节流函数的方法示例
2018/07/09 Javascript
js计时事件实现圆形时钟
2020/03/25 Javascript
JS简单表单验证功能完整示例
2020/01/26 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
python一键升级所有pip package的方法
2017/01/16 Python
Python实现随机漫步功能
2018/07/09 Python
pandas 条件搜索返回列表的方法
2018/10/30 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
Python-opencv 双线性插值实例
2020/01/17 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
HTML5之SVG 2D入门3—文本与图像及渲染文本介绍
2013/01/30 HTML / CSS
Canvas获取视频第一帧缩略图的实现
2020/11/11 HTML / CSS
2014年社区学雷锋活动总结
2014/03/09 职场文书
公开服务承诺制度
2014/03/26 职场文书
群教个人对照检查材料
2014/08/20 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
Python3 如何开启自带http服务
2021/05/18 Python
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
基于Redis结合SpringBoot的秒杀案例详解
2021/10/05 Redis