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

