2015-01-06 100 views
1

我覺得這應該是世界上最簡單的事情。我只想通過onclick調用一個按鈕並讓它運行javascript。然而,每當我這樣做,我得到的Uncaught TypeError:undefined不是一個函數錯誤。button onclick未定義不是函數

我讀過這個,但似乎不明白爲什麼找不到函數。

回顧一下:點擊按鈕應該運行ThePush(),但在控制檯上出現錯誤。

代碼:

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript"> 

     function ThePush() { 
      var name = document.getElementByID('name').value; 
      var pl = document.getElementByID('PL1').value; 
      var plw = document.getElementByID('theplw').value; 
      var al = document.getElementByID('theal').value; 
      //do stuff with these variables. 
     } 

</script> 
</head> 
<body> 
<b>Player One: </b><input id="name" type="text" value="Name"></input> 
<br/><b>Level: </b><input id="PL1" style="width:50px" type="text" id="PL1L" value="0" readonly></input> 
<br/> 
<button id="thesub" onclick="ThePush();">Submit</button> 

<select id="theplw"> 
<option value="A: 0-999">A: 0-999</option> 
<option value="B: 1,000-9,999">B: 1,000-9,999</option> 
<option value="C: 10,000-99,999">C: 10,000-99,999</option> 
<option value="D: 100,000-499,999">D: 100,000-499,999</option> 
<option value="E: 500,000-1,499,999">E: 500,000-1,499,999</option> 
<option value="F: 1,500,000+">F: 1,500,000+</option></select> 
<br/><b>Sub Level: </b><input id="theal" style="width:50px" type="text" id="AL1L" value="0" readonly></input> 
<hr> 
<iframe src="others.php" frameborder="0" width="500"></iframe> 
<iframe id="updater" src="update.php" frameborder="0" width="0" height="0"></iframe> 

</body> 
</html> 

有什麼想法?預先感謝您的幫助!

+0

在javascript中沒有任何名爲getElementByID的東西。你想使用'getElementById.' –

+0

第一關:'getElementById',NOT'getElementByID',第二:''不''(自動關閉標籤),第三名:''


(自行閉合就像'
'),第四:你應該*在處理''標籤時使用標籤標籤;更多信息:http://www.w3schools.com/tags/tag_label.asp - >「

回答

5

你應該改變你的方法名getElementById,不getElementByID

+2

你是對的。嘆氣,多麼愚蠢的錯誤。 – AtlasOnEarth

2

您的onclick是好的,但getElementByID是不是一個函數,並拋出你的錯誤。您正在尋找getElementById

function ThePush() { 
     var name = document.getElementById('name').value; 
     var pl = document.getElementById('PL1').value; 
     var plw = document.getElementById('theplw').value; 
     var al = document.getElementById('theal').value; 
     //do stuff with these variables. 
    } 
+1

你是絕對正確的。我的一個愚蠢的錯誤。 – AtlasOnEarth