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(){
//創(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ā)生改變時的處理函數
_select.onchange = function(){
alert(_select.value); //取select控件被選中的值
}
document.body.appendChild(_select);
}
</script>
</head>
<body>
</body>
</html>
以上所述就是本文的全部內容了，希望大家能夠喜歡。
相關文章
bootstrap——bootstrapTable實現隱藏列的示例
本篇文章主要介紹了bootstrapTable實現隱藏列的示例，具有一定的參考價值，有興趣的可以了解一下。2017-01-01
解讀CocosCreator源碼之引擎啟動與主循環(huán)
這篇文章主要介紹了CocosCreator源碼解讀之引擎啟動與主循環(huán)，對CocosCreator感興趣的同學，可以研究參考一下2021-04-04
這篇文章主要介紹了Javascript類型判斷相關例題及解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08
下面小編就為大家?guī)硪黄猨s對字符串進行編碼的方法總結(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
這篇文章主要介紹了原生JS實現列表內容自動向上滾動效果，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
javascript中createElement的兩種創(chuàng)建方式
這篇文章主要介紹了javascript中createElement的兩種創(chuàng)建方式,具有一定參考借鑒價值,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了CSS或者JS實現鼠標懸停顯示另一元素的相關資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了何時使用Map來代替普通的JS對象，對Map感興趣的同學，可以參考下2021-04-04
這篇文章主要介紹了ES6基礎之默認參數值，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-02-02
淺談通過JS攔截 pushState和replaceState事件
下面小編就為大家?guī)硪黄獪\談通過JS攔截 pushState和replaceState事件。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07