Question

每当我在我的网页上运行此代码时，我都无法通过单击按钮来执行事件。什么都没发生。我希望每当用户点击显示时，都会在文本框中显示全名，出生日期和性别的用户输入。如果用户单击下一步，则应将当前数据保存到正确的数组中，当用户单击清除文本框中的当前输入时，应删除数组中的数据。我需要调整什么才能实现这一目标？

<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>

Answer 1

我可能没有看到更多问题，但在这里你有一个未终止的字符串。

将其更改为

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

Javascript html没有显示输入

1 个答案: