js dom操作物件
阿新 • • 發佈：2019-02-01
<html>
<head>
<title>www.mldnjava.cn，MLDN高階Java培訓</title>
<script language="javascript">
function setFun(){
var id = new Array(1,2,3) ;
var value = new Array("北京","南京","上海") ;
// 取得下拉列表框的物件
var select = document.getElementById("area") ;
select.length = 1 ;// 表示每次可以選擇的內容是1個
select.options[0].selected = true ;// 設定第一個為預設選中
for(var x=0;x<id.length;x++){
// 建立option的節點
var option = document.createElement("option") ;
option.setAttribute("value",id[x]) ;
// 在option子節點之中增加文字節點
option.appendChild(document.createTextNode(value[x])) ;
select.appendChild(option) ;// 增加子節點
}
}
</script>
</head>
<body onload="setFun()">
<form>
<select name="area" id="area">
<option value="0">沒有地區</option>
</select>
</form>
</body>
</html>
<head>
<title>www.mldnjava.cn，MLDN高階Java培訓</title>
<script language="javascript">
function setFun(){
var id = new Array(1,2,3) ;
var value = new Array("北京","南京","上海") ;
// 取得下拉列表框的物件
var select = document.getElementById("area") ;
select.length = 1 ;// 表示每次可以選擇的內容是1個
select.options[0].selected = true ;// 設定第一個為預設選中
for(var x=0;x<id.length;x++){
// 建立option的節點
var option = document.createElement("option") ;
option.setAttribute("value",id[x]) ;
// 在option子節點之中增加文字節點
option.appendChild(document.createTextNode(value[x])) ;
select.appendChild(option) ;// 增加子節點
}
}
</script>
</head>
<body onload="setFun()">
<form>
<select name="area" id="area">
<option value="0">沒有地區</option>
</select>
</form>
</body>
</html>