JavaScript实现select添加option
更新时间：2015年07月03日 09:59:36 投稿：hebedich
这篇文章主要介绍了JavaScript为select添加option的方法和示例，十分的简单实用，有需要的小伙伴可以参考下。
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>
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
bootstrap——bootstrapTable实现隐藏列的示例
本篇文章主要介绍了bootstrapTable实现隐藏列的示例，具有一定的参考价值，有兴趣的可以了解一下。2017-01-01
这篇文章主要介绍了CocosCreator源码解读之引擎启动与主循环，对CocosCreator感兴趣的同学，可以研究参考一下2021-04-04
这篇文章主要介绍了Javascript类型判断相关例题及解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-08-08
下面小编就为大家带来一篇js对字符串进行编码的方法总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了原生JS实现列表内容自动向上滚动效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-05-05
javascript中createElement的两种创建方式
这篇文章主要介绍了javascript中createElement的两种创建方式,具有一定参考借鉴价值,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了CSS或者JS实现鼠标悬停显示另一元素的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了何时使用Map来代替普通的JS对象，对Map感兴趣的同学，可以参考下2021-04-04
这篇文章主要介绍了ES6基础之默认参数值，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
浅谈通过JS拦截 pushState和replaceState事件
下面小编就为大家带来一篇浅谈通过JS拦截 pushState和replaceState事件。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论