2012-09-26 65 views
3

嗨,所以是這是我以前的問題,我已經打了書,當回到基礎調整了一些東西,但我仍然無法獲得輸入值推到數組可以一些一個請幫我拿我的頭都要歸功於推送用戶輸入到陣列

<!DOCTYPE html> 
<html> 

<body> 
    <script type="text/javascript"> 
    var number=["1"] 
    function myFunction() 
    { 
    var x=document.getElementById("box"); 
    number.push=document.getElementById("input").value; 
    x.innerHTML=number.join('<br/>'); 
    } 
    </script> 
<form> 
    <input id="input" type=text> 
    <input type=button onclick="myFunction()" value="Add Number"/> 
    </form> 

<div id="box"; style="border:1px solid black;width:150px;height:150px;overflow:auto"> 
    </div> 
</body> 
</html> 
+0

嘗試number.push代替number.push =的document.getElementById(的document.getElementById( 「輸入」)值。)(「輸入「)。值; – lego

+0

非常感謝你,我已經在這上了幾個星期了 –

回答

3

在這裏是錯誤:

number.push(document.getElementById("input").value); 

push是一種方法,而不是一個屬性;-)

JSFiddle

PS:爲什麼;之後id="box";?你也應該解決這個問題..! ;-)

+0

這個分號究竟與現代標記校正瀏覽器有關嗎? – 11684

+0

這可能不是大多數瀏覽器(甚至可能都是!)的問題,但它仍然不是有效的代碼。 ;-) – mbinette

+0

去嘗試我的古老的Safari。 – 11684

1

你接近,這裏的工作代碼:

<!DOCTYPE html> 
<html> 

<body> 
    <script type="text/javascript"> 
    var number = []; 

    function myFunction() 
    { 
    var x = document.getElementById("box"); 
    number.push(document.getElementById("input").value); 
    x.innerHTML = number.join('<br/>'); 
    } 
    </script> 
<form> 
    <input id="input" type=text> 
    <input type=button onclick="myFunction()" value="Add Number"/> 
    </form> 

<div id="box" style="border:1px solid black;width:150px;height:150px;overflow:auto"> 
    </div> 
</body> 
</html>​ 
+0

非常感謝,我一直在這個星期 –