编程 Javascript

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>

以上所述就是本文的全部内容了，希望大家能够喜欢。

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js下用gb2312编码解码实现方法

Dec 31 Javascript

jquery与js函数冲突的两种解决方法

Sep 09 Javascript

JS 获取滚动条高度示例代码

Oct 24 Javascript

IE6-IE9中tbody的innerHTML不能赋值的解决方法

Jun 05 Javascript

jQuery中hasClass()方法用法实例

Jan 06 Javascript

深入理解JQuery循环绑定事件

Jun 02 Javascript

node.js实现博客小爬虫的实例代码

Oct 08 Javascript

AngularJS中的DOM操作用法分析

Nov 04 Javascript

详解vue-cli 本地开发mock数据使用方法

May 29 Javascript

用Vue.js在浏览器中实现裁剪图像功能

Jun 18 Javascript

序列化模块json代码实例详解

Mar 03 Javascript

解决VUEX的mapState/...mapState等取值问题

Jul 24 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中get_headers函数的作用及用法的详细介绍

2013/04/27 PHP

phpmyadmin配置文件现在需要绝密的短密码（blowfish_secret）的2种解决方法

2014/05/07 PHP

php实现的支持imagemagick及gd库两种处理的缩略图生成类

2014/09/23 PHP

php处理json格式数据经典案例总结

2016/05/19 PHP

thinkphp项目如何自定义微信分享描述内容

2017/02/20 PHP

php语言注释，单行注释和多行注释

2018/01/21 PHP

JavaScript 版本自动生成文章摘要

2008/07/23 Javascript

从零开始学习jQuery (三) 管理jQuery包装集

2011/02/23 Javascript

Lazy Load 延迟加载图片的jQuery插件中文使用文档

2012/10/18 Javascript

jquery选择器之内容过滤选择器详解

2014/01/27 Javascript

Javascript实现多彩雪花从天降散落效果的方法

2015/02/02 Javascript

js实现类似于add(1)(2)(3)调用方式的方法

2015/03/04 Javascript

用JavaScript动态建立或增加CSS样式表的实现方法

2016/05/20 Javascript

详解Vue 全局引入bass.scss 处理方案

2018/03/26 Javascript

Vue-cli配置打包文件本地使用的教程图解

2018/08/02 Javascript

对Vue- 动态元素属性及v-bind和v-model的区别详解

2018/08/27 Javascript

IE11下处理Promise及Vue的单项数据流问题

2019/07/24 Javascript

解决vue的router组件component在import时不能使用变量问题

2020/07/26 Javascript

[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04

2020/11/05 DOTA

一个检测OpenSSL心脏出血漏洞的Python脚本分享

2014/04/10 Python

Python3实现的判断回文链表算法示例

2019/03/08 Python

基于Python检测动态物体颜色过程解析

2019/12/04 Python

Python类的动态绑定实现原理

2020/03/21 Python

Python类中的装饰器在当前类中的声明与调用详解

2020/04/15 Python

python爬虫多次请求超时的几种重试方法(6种)

2020/12/01 Python

Python 爬取淘宝商品信息栏目的实现

2021/02/06 Python

心碎乌托邦的创业计划书范文

2013/12/26 职场文书

项目投资意向书

2014/04/01 职场文书

学校安全生产承诺书

2014/05/23 职场文书

电子商务专业应届毕业生求职信

2014/06/21 职场文书

导游词之扬州大明寺

2019/10/09 职场文书

Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境

2021/03/29 PHP

Django cookie和session的应用场景及如何使用

2021/04/29 Python

Python词云的正确实现方法实例

2021/05/08 Python

SQL模糊查询报:ORA-00909:参数个数无效问题的解决

2021/06/21 Oracle

Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)

2022/08/14 数码科技