2012-09-04 46 views
1

這裏就選擇選項循環是我的代碼:使用JavaScript的

<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 

但我:

<!doctype html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <title>Date Picker</title> 
</head> 
<body> 
<p>Click the button to loop through a block of code five times.</p> 
<button onclick="myFunction()">Try it</button> 
<select id="demo"> 
</select> 
<p id="demo"></p> 
<script> 
function myFunction() 
{ 
    var i; 
    for (i=1;i<=5;i++){ 
     document.getElementById("demo").innerHTML="<option value="+i+">"+i+"</option>"; 
    } 
} 
</script> 
</body> 
</html> 

所有我想,當我按下按鈕,下拉框中會產生這樣一個選項是隻能得到這個代碼

<option value="5">5</option> 

它只顯示5的選項。請幫助..謝謝

回答

7

您在每次迭代覆蓋「演示」中的內容合作。最好使用DOM方法將選項添加到select中:

function myFunction(selector) 
{ 
    var i; 
    for (i=1;i<=5;i++){ 
     selector.options[i-1] = new Option(i,i); 
    } 
} 
//usage: 
myFunction(document.getElementById("demo")); 

順便說一句:檢查您的HTML。元素的id應該是唯一的。使用你的HTML,你的腳本怎麼知道document.getElementById("demo")的含義?

6

添加元素,選擇這樣會爲你

var select = document.getElementById("demo"); 

var i=0; 
for(i=1;i<=5;i++){ 
    select.options[select.options.length] = new Option(i,i); 

}