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)文章
快速實現(xiàn)JS圖片懶加載(可視區(qū)域加載)示例代碼
目前很多網(wǎng)站,在圖片加載時均采用了一種名為懶加載的方式,具體表現(xiàn)為,當(dāng)頁面被請求時,只加載可視區(qū)域的圖片,其它部分的圖片則不加載,只有這些圖片出現(xiàn)在可視區(qū)域時才會動態(tài)加載這些圖片,下面本文就介紹了JS圖片懶加載(可視區(qū)域加載)的實現(xiàn)方法,一起來看看吧。2017-01-01JS實現(xiàn)環(huán)形進度條(從0到100%)效果
這篇文章主要介紹了JS實現(xiàn)環(huán)形進度條(從0到100%)效果的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07JavaScript遞歸函數(shù)解“漢諾塔”算法代碼解析
這篇文章主要介紹了JavaScript遞歸函數(shù)解“漢諾塔”算法代碼解析,需要的朋友可以參考下2018-07-07基于JavaScript實現(xiàn)動態(tài)創(chuàng)建表格和增加表格行數(shù)
這篇文章主要介紹了基于JavaScript實現(xiàn)動態(tài)創(chuàng)建表格和增加表格行數(shù)的相關(guān)資料,需要的朋友可以參考下2015-12-12javascript 初學(xué)教程及五子棋小程序的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avascript 初學(xué)教程及五子棋小程序的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07用JavaScript玩轉(zhuǎn)游戲物理(一)運動學(xué)模擬與粒子系統(tǒng)
也許,三百年前的艾薩克·牛頓爵士(Sir Issac Newton, 1643-1727)并沒幻想過,物理學(xué)廣泛地應(yīng)用在今天許多游戲、動畫中。2010-06-06