js操縱dom生成下拉列表框的方法
更新時(shí)間: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">沒(méi)有地區(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è)置只能選擇一個(gè)
select.options[0].selected = true;//設(shè)置默認(rèn)選中第一個(gè)
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制作連動(dòng)下拉列表框
- JS 動(dòng)態(tài)添加列表框項(xiàng)效果代碼
- extjs 列表框(multiselect)的動(dòng)態(tài)添加列表項(xiàng)的方法
- ExtJs之帶圖片的下拉列表框插件
- javascript獲取下拉列表框當(dāng)中的文本值示例代碼
- js Select下拉列表框進(jìn)行多選、移除、交換內(nèi)容的具體實(shí)現(xiàn)方法
- javascript對(duì)下拉列表框(select)的操作實(shí)例講解
- js獲取下拉列表框<option>中的value和text的值示例代碼
- ExtJS中設(shè)置下拉列表框不可編輯的方法
- JavaScript如何實(shí)現(xiàn)組合列表框中元素移動(dòng)效果
相關(guān)文章
JavaScript Event事件學(xué)習(xí)第一章 Event介紹
Events是每一個(gè)JavaScript程序核心。什么是事件處理,它有什么問(wèn)題和怎樣寫出跨瀏覽器的代碼,我將在這一章做一個(gè)概述。我也會(huì)提供一些有精彩的關(guān)于事件處理程序的細(xì)節(jié)的文章。2010-02-02Js中parentNode,parentElement,childNodes,children之間的區(qū)別
這篇文章主要是對(duì)Js中parentNode,parentElement,childNodes,children的區(qū)別進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11javascript中如何將字符串轉(zhuǎn)換成數(shù)字
這篇文章主要介紹了javascript中如何將字符串轉(zhuǎn)換成數(shù)字問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02asp.net下利用js實(shí)現(xiàn)返回上一頁(yè)的實(shí)現(xiàn)方法小集
其實(shí)要實(shí)現(xiàn)這個(gè)功能主要還是要用到j(luò)avascript2009-11-11Rollup處理并打包JS文件項(xiàng)目實(shí)例代碼
rollup是一款用來(lái)es6模塊打包代碼的構(gòu)建工具(支持css和js打包)。這篇文章主要介紹了Rollup處理并打包JS文件項(xiàng)目實(shí)例,需要的朋友可以參考下2018-05-05js實(shí)現(xiàn)的點(diǎn)擊超鏈顯示隱藏層
js實(shí)現(xiàn)的點(diǎn)擊超鏈顯示隱藏層...2007-05-05D3.js 從P元素的創(chuàng)建開始(顯示可加載數(shù)據(jù))
D3是一個(gè)基于數(shù)據(jù)操作的可視化js庫(kù),認(rèn)識(shí)d3,就從最基礎(chǔ)的顯示可加載數(shù)據(jù)談起,需要的朋友可以參考下2014-10-10