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 Throttle &amp; Debounce应用介绍
Mar 19 Javascript
javascript 数组操作详解
Jan 29 Javascript
基于Jquery代码实现支持PC端手机端幻灯片代码
Nov 17 Javascript
理解Javascript的call、apply
Dec 16 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
用js实现博客打赏功能
Oct 24 Javascript
Vue声明式渲染详解
May 17 Javascript
详解Express笔记之动态渲染HTML(新手入坑)
Dec 13 Javascript
在小程序中推送模板消息的实现方法
Jul 22 Javascript
vue自定义switch开关组件,实现样式可自行更改
Nov 01 Javascript
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 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
星际中一些鲜为人知的详细资料
2020/03/04 星际争霸
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
PHP生成验证码时“图像因其本身有错无法显示”的解决方法
2013/08/07 PHP
ThinkPHP模板Volist标签嵌套循环输出多维数组的方法
2016/03/23 PHP
php获取'/'传参的值简单方法
2017/07/13 PHP
PHP实现的CURL非阻塞调用类
2018/07/26 PHP
强制设为首页代码
2006/06/19 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
jQuery 2.0.3 源码分析之core(一)整体架构
2014/05/27 Javascript
javascript正则表达式参数/g与/i及/gi的使用指南
2014/08/27 Javascript
jQuery实现可用于博客的动态滑动菜单
2015/03/09 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
原生JavaScript实现AJAX、JSONP
2017/02/07 Javascript
用js实现before和after伪类的样式修改的示例代码
2017/09/07 Javascript
Python 正则表达式操作指南
2009/05/04 Python
Python如何实现MySQL实例初始化详解
2017/11/06 Python
python 数字类型和字符串类型的相互转换实例
2018/07/17 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
Python中的类与类型示例详解
2019/07/10 Python
Python matplotlib生成图片背景透明的示例代码
2019/08/30 Python
如何在python中实现随机选择
2019/11/02 Python
Django Admin后台添加数据库视图过程解析
2020/04/01 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
新加坡交友网站:be2新加坡
2019/04/10 全球购物
中专生学习生活的自我评价分享
2013/10/27 职场文书
医学生职业规划范文
2014/01/05 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
小学生作文批改评语
2014/12/25 职场文书
500字小学生检讨书
2015/02/19 职场文书
留学推荐信中文范文
2015/03/26 职场文书
新兵入伍决心书
2015/09/22 职场文书
opencv用VS2013调试时用Image Watch插件查看图片
2021/07/26 Python
JavaScript函数柯里化
2021/11/07 Javascript