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 相关文章推荐
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
JavaScript数据类型详解
Apr 01 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
Nov 06 Javascript
Django使用多数据库的方法
Sep 06 Javascript
js构建二叉树进行数值数组的去重与优化详解
Mar 26 Javascript
Vue实现按钮旋转和移动位置的实例代码
Aug 09 Javascript
微信小程序实现下拉菜单切换效果
Mar 30 Javascript
利用JS代码自动删除稿件的普通弹幕功能
Sep 20 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 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
Mysql的常用命令
2006/10/09 PHP
PHP 变量定义和变量替换的方法
2009/07/30 PHP
PHP实现视频文件上传完整实例
2014/08/28 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
jQuery :nth-child前有无空格的区别分析
2011/07/11 Javascript
js 判断文件类型并控制表单提交示例代码
2013/11/14 Javascript
jQuery对Select的操作大集合(收藏)
2013/12/28 Javascript
用js将内容复制到剪贴板兼容浏览器
2014/03/18 Javascript
jQuery制作简洁的多级联动Select下拉框
2014/12/23 Javascript
jQuery实现网页抖动的菜单抖动效果
2015/08/07 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
js对字符串进行编码的方法总结(推荐)
2016/11/10 Javascript
angularjs ocLazyLoad分步加载js文件实例
2017/01/17 Javascript
js实现带进度条提示的多视频上传功能
2020/12/13 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
JavaScript实现封闭区域布尔运算的示例代码
2018/06/25 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
Python运行的17个时新手常见错误小结
2012/08/07 Python
python合并文本文件示例
2014/02/07 Python
python合并已经存在的sheet数据到新sheet的方法
2018/12/11 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
Python中遍历列表的方法总结
2019/06/27 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
Python matplotlib读取excel数据并用for循环画多个子图subplot操作
2020/07/14 Python
Pygame框架实现飞机大战
2020/08/07 Python
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
南威尔士家居商店:Leekes
2016/10/25 全球购物
大学生创业感言
2014/01/25 职场文书
艺术学院毕业生求职信
2014/07/09 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python
使用Python通过企业微信应用给企业成员发消息
2022/04/18 Python