代码之家  ›  专栏  ›  技术社区  ›  GonePhisin

在JavaScript中显示数组时,它只显示“,,”

  •  -1
  • GonePhisin  · 技术社区  · 6 年前

    value 从不同的表单字段到数组。我似乎不明白为什么数组不能正确地存储或显示;这个 alert ,,,, 不管我的意见。

        var saveInfo = function() {
        
        
          // empty array
          var savedData = [];
          //assigning variables to elements with specific ID name, will change when
          //proper ID name is declared
          savedData.push(firstName = document.getElementsByName("first_name").value);
          savedData.push(lastName = document.getElementsByName("last_name").value);
          savedData.push(emailadd = document.getElementsByName("email").value);
          savedData.push(usrname = document.getElementsByName("username").value);
          alert(savedData);
    }
    <!DOCTYPE html>
    <html>
    <title>Registration</title>
    <head>
      <script src="finishLater.js">
      </script>
      <link rel="stylesheet" type="text/css" href="newUser.css">
    </head>
    <body style="background-color: dodgerblue;">
      <h1 style="text-align: center;">HELLO NEW USER</h1><hr><br>
      <fieldset>
        <legend style="text-align: center;">Sign Up</legend><br>
        <form style="text-align: center;">
          First Name:<input type="text" name="first_name"/><br>
          Last Name:<input type="text" name="last_name"/><br>
          Email Address:<input type="text" name="email"/><br>
          Username:<input type="text" name="username"/><br>
          <button type="button" id="submit">Sign UP</button>
          <button type="button" id="finish_later" onclick="saveInfo();">Finish Later</button>
          <button type="button" id="delete_data" onclick="deleteData();">Delete Data</button>
        </form>
      </fieldset>
    </body>
    </html>
    2 回复  |  直到 6 年前
        1
  •  1
  •   Loic    6 年前

    getElementsByName返回一个列表,您应该使用以下方法获取列表的第一个元素:

    document.getElementsByName("first_name")[0].value