js操縱dom生成下拉列表框的方法
更新時間:2014年02月24日 15:14:35 作者:
這篇文章主要介紹了js操縱dom生成下拉列表框的方法,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>利用dom生成下拉列表框</title>
</head>
<body onload="setFun()">
<form>
<select name="area" id="area">
<option value="0">沒有地區(qū)</option>
</select>
</form>
<script language="javascript">
function setFun(){
var id = new Array(1,2,3);
var value = new Array("貴州","重慶","四川");
var select = document.getElementById("area");
select.length = 1;//設(shè)置只能選擇一個
select.options[0].selected = true;//設(shè)置默認(rèn)選中第一個
for(var x = 0;x<id.length;x++){
var option = document.createElement("option");
option.setAttribute("value",id[x]);//設(shè)置option屬性值
option.appendChild(document.createTextNode(value[x]));
select.appendChild(option);//向select增加option
}
}
</script>
</body>
</html>
您可能感興趣的文章:
- Javascript調(diào)用XML制作連動下拉列表框
- JS 動態(tài)添加列表框項效果代碼
- extjs 列表框(multiselect)的動態(tài)添加列表項的方法
- ExtJs之帶圖片的下拉列表框插件
- javascript獲取下拉列表框當(dāng)中的文本值示例代碼
- js Select下拉列表框進(jìn)行多選、移除、交換內(nèi)容的具體實(shí)現(xiàn)方法
- javascript對下拉列表框(select)的操作實(shí)例講解
- js獲取下拉列表框<option>中的value和text的值示例代碼
- ExtJS中設(shè)置下拉列表框不可編輯的方法
- JavaScript如何實(shí)現(xiàn)組合列表框中元素移動效果
相關(guān)文章
JavaScript Event事件學(xué)習(xí)第一章 Event介紹
Events是每一個JavaScript程序核心。什么是事件處理,它有什么問題和怎樣寫出跨瀏覽器的代碼,我將在這一章做一個概述。我也會提供一些有精彩的關(guān)于事件處理程序的細(xì)節(jié)的文章。2010-02-02Js中parentNode,parentElement,childNodes,children之間的區(qū)別
這篇文章主要是對Js中parentNode,parentElement,childNodes,children的區(qū)別進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11javascript中如何將字符串轉(zhuǎn)換成數(shù)字
這篇文章主要介紹了javascript中如何將字符串轉(zhuǎn)換成數(shù)字問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-02-02asp.net下利用js實(shí)現(xiàn)返回上一頁的實(shí)現(xiàn)方法小集
其實(shí)要實(shí)現(xiàn)這個功能主要還是要用到j(luò)avascript2009-11-11js實(shí)現(xiàn)的點(diǎn)擊超鏈顯示隱藏層
js實(shí)現(xiàn)的點(diǎn)擊超鏈顯示隱藏層...2007-05-05D3.js 從P元素的創(chuàng)建開始(顯示可加載數(shù)據(jù))
D3是一個基于數(shù)據(jù)操作的可視化js庫,認(rèn)識d3,就從最基礎(chǔ)的顯示可加載數(shù)據(jù)談起,需要的朋友可以參考下2014-10-10