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参数的小问题
Mar 02 Javascript
js每次Title显示不同的名言
Sep 25 Javascript
浅谈javascript中的作用域
Apr 07 Javascript
Jvascript学习实践案例(开发常用)
Jun 25 Javascript
JS实现FLASH幻灯片图片切换效果的方法
Mar 04 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
Three.js基础部分学习
Jan 08 Javascript
JavaScript 事件流、事件处理程序及事件对象总结
Apr 01 Javascript
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
原生JavaScript实现todolist功能
Mar 02 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 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
利用js调用后台php进行数据处理原码
2006/10/09 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
Windows下安装PHP单元测试环境PHPUnit图文教程
2014/10/24 PHP
php防止用户重复提交表单
2015/11/02 PHP
JavaScript中实现块作用域的方法
2010/04/01 Javascript
Jquery中getJSON在asp.net中的使用说明
2011/03/10 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
原生Javascript插件开发实践
2017/01/09 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
Angularjs的启动过程分析
2017/07/18 Javascript
深入理解Promise.all
2018/08/08 Javascript
为jquery的ajax请求添加超时timeout时间的操作方法
2018/09/04 jQuery
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
python实现socket端口重定向示例
2014/02/10 Python
python取代netcat过程分析
2018/02/10 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
python剪切视频与合并视频的实现
2020/03/03 Python
CSS3实现多背景模拟动态边框的效果
2016/11/08 HTML / CSS
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
意大利宠物用品购物网站:Bauzaar
2018/09/15 全球购物
幼儿教师培训感言
2014/03/08 职场文书
降消项目实施方案
2014/03/30 职场文书
禁烟标语大全
2014/06/11 职场文书
个人总结与自我评价
2015/02/14 职场文书
2015年清剿火患专项行动工作总结
2015/07/27 职场文书
小学英语听课心得体会
2016/01/14 职场文书
SQLServer中JSON文档型数据的查询问题解决
2021/06/27 SQL Server
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android
Vue提供的三种调试方式你知道吗
2022/01/18 Vue.js
python全面解析接口返回数据
2022/02/12 Python
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技