Javascript html不顯示輸入

每當我在我的網頁上運行此代碼時，我無法獲取按鈕以單擊時執行事件。什麼都沒發生。我希望在用戶單擊顯示時，將全名，出生日期和性別的用戶輸入顯示在文本框中。如果用戶下一次單擊，則應將當前數據保存到正確的數組中，並且當用戶單擊清除文本框中的當前輸入時，應刪除數組中的數據。爲了做到這一點，我需要調整什麼？Javascript html不顯示輸入

<html> 
<head> 
<script language = "javascript"> 

var full_name; 
var dob; 
var gender; 
var nameList = new Array(); 
var dateList = new Array(); 
var genderList = new Array(); 
function displayMembers() { 
     var str = " "; 
    var listLength = nameList.length; 
    for(var i = 0; i < listLength; i++) { 
      document.memberForm.textArea.nameList[i]; 
      document.memberForm.textArea.dateList[i]; 
      document.memberForm.textArea.genderList[i]; 
    } 
} 

function saveMember() { 
    nametemp = document.getElementByName("full_name"); 
    nameList.push(nametemp[0].value); 

    datetemp = document.getElementByName("dob"); 
    dateList.push(datetemp[0].value; 

    gendertemp = document.getElementByName("gender"); 
    genderList.push(gendertemp[0].value); 
} 

function clearList() { 
    nameList= []; 
    dateList = []; 
    genderList = []; 
} 
</script> 

<title>INTERNET TECHNOLOGIES CLUB MEMBER LIST </title> 
<title>INTERNET TECHNOLOGIES CLUB MEMBER LIST </title> 
</head> 
<body> 
<form name = "memberForm"> 
<h1> 
INTERNET TECHNOLOGIES CLUB MEMBER LIST 
</h1> 

Full Name: <input type = "text" name = "full_name" value = ""/> 
Date of Birth: <input type = "text" name ="dob" value = ""/> 
<br> 
Gender: <input type = "text" name = "gender" value = ""/> 
<br> 
<textarea name = "textBox" rows = "10" cols = "70"> 
</textarea> 
    <br> 
<input type = "button" value = "NEXT" onclick = document.memberForm. 
    saveMember()"></button> 
<input type = "button" value = "DISPLAY" onclick   =document.memeberForm.textBox.write.Full Name Date of Birth Gender  "displayMembers()"> 
</button> 
</form> 
</body> 
</html>

來源

2016-11-10 Bailey Wells

是否有錯誤控制檯任何錯誤消息？你有沒有做過一些調試，看看代碼失敗的地方？開始做這件事最簡單的方法是「洞穴調試」 - 一些alert（）輸出變量值等，以追蹤代碼的進展情況以及出錯的地方。 –

開始在Chrome瀏覽器的DevTools中調試您的代碼。按網頁上的'F12'和[使用控制檯標籤]（https://developers.google.com/web/tools/chrome-devtools/console/）。你可以在那裏有一些非常簡單的錯誤 –

可能有更多的問題我沒有看到，但在這裏你有一個未終止的字符串。

將其更改爲

<input type="button" value="NEXT" onclick="document.memberForm.saveMember()"></button>

來源

2016-11-10 19:47:23

如果我使用這段代碼，我得到一個錯誤，說整個事情不是一個函數 –

你在'dateList.push（datetemp [0] .value ;' –

Javascript html不顯示輸入

回答

相關問題