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不显示输入

回答

相关问题