javascript為下拉列表動態(tài)添加數(shù)據(jù)項
更新時間:2014年05月23日 09:25:48 作者:
這篇文章主要介紹了javascript如何為下拉列表動態(tài)添加數(shù)據(jù)項,需要的朋友可以參考下
javascript為下拉列表添加數(shù)據(jù)項.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>為下拉列表動態(tài)添加數(shù)據(jù)項</title>
<script type="text/javascript">
function gel(id) { return document.getElementById(id); }
window.onload = function() {
var cbbYear = gel("mysel");
for (var i = 1990; i < 2014; i++) {
//方法1
/*var opt = document.createElement("option");
opt.innerHTML = i;
cbbYear.appendChild(opt);*/
//方法2
var opt = new Option(i, i);
cbbYear.options.add(opt);
}
};
</script>
</head>
<body>
<select id="mysel">
</select>
</body>
</html>
復制代碼 代碼如下:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>為下拉列表動態(tài)添加數(shù)據(jù)項</title>
<script type="text/javascript">
function gel(id) { return document.getElementById(id); }
window.onload = function() {
var cbbYear = gel("mysel");
for (var i = 1990; i < 2014; i++) {
//方法1
/*var opt = document.createElement("option");
opt.innerHTML = i;
cbbYear.appendChild(opt);*/
//方法2
var opt = new Option(i, i);
cbbYear.options.add(opt);
}
};
</script>
</head>
<body>
<select id="mysel">
</select>
</body>
</html>
您可能感興趣的文章:
- vue.js給動態(tài)綁定的radio列表做批量編輯的方法
- JS動態(tài)的把左邊列表添加到右邊的實現(xiàn)代碼(可上下移動)
- Vue.js Ajax動態(tài)參數(shù)與列表顯示實現(xiàn)方法
- JavaScript實現(xiàn)動態(tài)刪除列表框值的方法
- javascript實現(xiàn)dom動態(tài)創(chuàng)建省市縱向列表菜單的方法
- JavaScript實現(xiàn)向OL列表內(nèi)動態(tài)添加LI元素的方法
- extjs 列表框(multiselect)的動態(tài)添加列表項的方法
- JS 動態(tài)添加列表框項效果代碼
- JS如何生成動態(tài)列表
相關文章
自適應布局meta標簽中viewport、content、width、initial-scale、minimum-sca
這篇文章主要介紹了移動客戶端手機頁面布局時各標簽元素作用和適用情景,通過詳解幾種屬性讓讀者更明確自適應布局的注意點,具體操作步驟大家可查看下文的詳細講解,感興趣的小伙伴們可以參考一下。2017-08-08npm script和package-lock.json使用示例詳解
這篇文章主要為大家介紹了npm script和package-lock.json使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-02-02實例詳解JavaScript中setTimeout函數(shù)的執(zhí)行順序
關于javascript的運行機制大家都應該有所了解了吧,其實javascript是一個單線程的機制,但是因為隊列的關系它的表現(xiàn)會讓我們感覺是一個多線程的錯覺。下面這篇文章通過實例主要給大家介紹了關于JavaScript中setTimeout函數(shù)執(zhí)行順序的相關資料,需要的朋友可以參考下。2017-07-07JS+CSS實現(xiàn)超漂亮的動態(tài)翻書效果(思路詳解)
我們平常沖浪時是不是看過一些學校高級的錄取通知書,翻開通知書就能看見里面的內(nèi)容,呈現(xiàn)出逼真的3D效果,本文帶領大家基于JS+CSS實現(xiàn)超漂亮的動態(tài)翻書效果,需要的朋友可以參考下2023-05-05利用js+css+html實現(xiàn)固定table的列頭不動
本文分享了利用js+css+html實現(xiàn)固定table的列頭不動的實例代碼。小編認為具有很好的參考價值,感興趣的朋友可以看下2016-12-12JavaScript結合HTML DOM實現(xiàn)聯(lián)動菜單
這篇文章主要為大家詳細介紹了JavaScript結合HTML DOM實現(xiàn)聯(lián)動菜單,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-04-04