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 常用操作整理 基础入门篇
Oct 14 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
jQuery实现简洁的导航菜单效果
Nov 23 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
jQuery EasyUI菜单与按钮详解
Jul 13 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
Aug 15 Javascript
微信小程序组件之srcoll-view的详解
Oct 19 Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 Javascript
Puppeteer 爬取动态生成的网页实战
Nov 14 Javascript
node.js实现微信开发之获取用户授权
Mar 18 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
Apr 01 jQuery
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
ip签名探针
2006/10/09 PHP
PHP 字符串编码截取函数(兼容utf-8和gb2312)
2009/05/02 PHP
php提示Warning:mysql_fetch_array() expects的解决方法
2014/12/16 PHP
PHP生成指定范围内的N个不重复的随机数
2019/03/18 PHP
JavaScript 模拟用户单击事件
2009/12/31 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
JS获取浏览器语言动态加载JS文件示例代码
2014/10/31 Javascript
推荐一款jQuery插件模板
2015/01/09 Javascript
jQuery插件实现文字无缝向上滚动效果代码
2016/02/25 Javascript
jquery实现input框获取焦点的方法
2017/02/06 Javascript
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
JS Array.from()将伪数组转换成数组的方法示例
2020/03/23 Javascript
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
在Django的视图中使用form对象的方法
2015/07/18 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
python pandas中DataFrame类型数据操作函数的方法
2018/04/08 Python
python使用PIL模块获取图片像素点的方法
2019/01/08 Python
python监控进程状态,记录重启时间及进程号的实例
2019/07/15 Python
使用Jupyter notebooks上传文件夹或大量数据到服务器
2020/04/14 Python
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
2013/01/23 HTML / CSS
HTML5微信播放全屏问题的解决方法
2017/03/09 HTML / CSS
canvas里面如何基于随机点绘制一个多边形的方法
2018/06/13 HTML / CSS
Canvas 像素处理之改变透明度的实现代码
2019/01/08 HTML / CSS
澳大利亚免息网上购物:Shop Zero
2016/09/17 全球购物
皇家道尔顿官网:Royal Doulton
2017/12/06 全球购物
澳大利亚排名第一的狂热牛仔品牌:ONETEASPOON
2018/11/20 全球购物
vue+django实现下载文件的示例
2021/03/24 Vue.js
网络工程专业自荐信范文
2014/03/16 职场文书
党员示范岗材料
2014/12/19 职场文书
2016新年感言
2015/08/03 职场文书
nginx的zabbix 5.0安装部署的方法步骤
2021/07/16 Servers
MongoDB使用场景总结
2022/02/24 MongoDB