JavaScript實現(xiàn)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(){
//創(chuàng)建select控件
var _select = document.createElement("SELECT");
//添加選項
for(var i=1; i<=10; i++){
var _option = new Option(i,i);
_select.options.add(_option);
}
//選中值發(fā)生改變時的處理函數(shù)
_select.onchange = function(){
alert(_select.value); //取select控件被選中的值
}
document.body.appendChild(_select);
}
</script>
</head>
<body>
</body>
</html>
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
css的定位設(shè)置代碼2008-12-12
快速實現(xiàn)JS圖片懶加載(可視區(qū)域加載)示例代碼
目前很多網(wǎng)站，在圖片加載時均采用了一種名為懶加載的方式，具體表現(xiàn)為，當頁面被請求時，只加載可視區(qū)域的圖片，其它部分的圖片則不加載，只有這些圖片出現(xiàn)在可視區(qū)域時才會動態(tài)加載這些圖片，下面本文就介紹了JS圖片懶加載(可視區(qū)域加載)的實現(xiàn)方法，一起來看看吧。2017-01-01
JS實現(xiàn)環(huán)形進度條（從0到100%）效果
這篇文章主要介紹了JS實現(xiàn)環(huán)形進度條（從0到100%）效果的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
JavaScript遞歸函數(shù)解“漢諾塔”算法代碼解析
這篇文章主要介紹了JavaScript遞歸函數(shù)解“漢諾塔”算法代碼解析,需要的朋友可以參考下2018-07-07
這篇文章主要介紹的是如何利用fecha進行JS日期處理，在日常項目中，經(jīng)常會碰到日期處理的需求，這種需求千奇百怪，而且往往經(jīng)常變化。雖然js提供了原生的Date方法供我們選擇，但一些復(fù)雜的日期時間處理起來往往力不從心。下面通過這篇文章來一起學習學習吧。2016-11-11
基于JavaScript實現(xiàn)動態(tài)創(chuàng)建表格和增加表格行數(shù)
這篇文章主要介紹了基于JavaScript實現(xiàn)動態(tài)創(chuàng)建表格和增加表格行數(shù)的相關(guān)資料,需要的朋友可以參考下2015-12-12
本篇文章主要介紹了tween.js緩動補間動畫示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
javascript 初學教程及五子棋小程序的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avascript 初學教程及五子棋小程序的簡單實現(xiàn)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
用JavaScript玩轉(zhuǎn)游戲物理(一)運動學模擬與粒子系統(tǒng)
也許，三百年前的艾薩克·牛頓爵士(Sir Issac Newton, 1643-1727)并沒幻想過，物理學廣泛地應(yīng)用在今天許多游戲、動畫中。2010-06-06
這篇文章主要介紹了JS更改select內(nèi)option屬性的方法,涉及JavaScript動態(tài)操作頁面select元素屬性的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10