我有一个来自 HTML 的表单。来自表单的输入数据将转到我在 JS 中制作的多维数组。然后我将使用 for 循环访问数组中的对象，以便在 HTML div 中显示对象值。在html中，它只显示[object,object]
var data = [];
var i, item;
function myForm(event){
event.preventDefault();
var name = document.getElementById("name").value; //Getting Values from the form of HTML
var phone = document.getElementById("phone").value; //Getting Values from the form of HTML
var bday = document.getElementById("bday").value; //Getting Values from the form of HTML
var email = document.getElementById("email").value; //Getting Values from the form of HTML
var pWord = document.getElementById("pWord").value; //Getting Values from the form of HTML
var age = document.getElementById("bday").value; //Getting Values from the form of HTML
var ageValue;
var Bdate = document.getElementById("bday").value; //Getting Values from the form of HTML and calculating the age of the user
var Bday = +new Date(Bdate);
ageValue = ~~ ((Date.now() - Bday) / (31557600000));
var theBday = document.getElementById("age");
theBday.innerHTML = ageValue;
var userObject = {
name: name,
phone: phone,
bday: bday,
email: email,
pWord: pWord,
ageValue: ageValue,
}; //The values i get from my Input in html. The userObject will be in a array data[]
data.push(userObject);
for (i=0 ; i <data.length ; i++){
for (item in data[i]){
document.getElementById("demo3").innerHTML=(item + data[i][item]); //I'm trying to display the details from my form but the only thing show up is [object,object]
}
}
}
最佳答案
<body>
<div id="navBar">
<a href="signUp.html">HOME</a>
<a href="signUp.html">LOG IN</a>
<a href="signUp.html">SIGN UP</a>
</div>
<center><h1>Sign Up Form</h1></center></br></br>
<div id="format">
<form id="myForm" onsubmit="myForm(event)">
<b>Name:</b></br>
<input type="text" name="name" id="name" maxlength="50" required="required" value="1234"></input></br>
<b>Phone Number:</b></br>
<input type="phone" name="phone" id="phone" maxlength="20" required="required" value="123"></input></br>
<b>Birthday:</b></br>
<input type="date" name="bday" id="bday" required="required" value="2010-05-02"></input></br>
<b>Email:</b></br>
<input type="email" name="email" id="email" maxlength="50" required="required" value="asasa@yahoo.com"></input></br>
<b>Password:</b></br>
<input type="password" name="pWord" id="pWord" maxlength="50" required="required" value="fgfghff"></input></br>
<button type="submit" name="submit" id="submit" value="Submit" onsubmit="myData()" >Submit</button>
<button type="reset" name="reset" id="reset" value="reset">Reset</button>
</form>
<div>
<p id="demo" onsubmit="myData()"></p>
</div>
<div id="result" onsubmit="myForm(event)">
<center>Result</center>
Name:<p id="name1"></p>
Phone Number:<p id="phone1"></p>
Birthday:<p id="bday1"></p>
Email:<p id="email1"></p>
Password:<p id="pWord1"></p>
Age:<p id="age"></p>
</div>
<div id="sample">
<p id="demo3" onsubmit="myForm(event)"></p>
</div>
</div>
</body>
关于javascript - 如何使用 javascript 在 HTML 中的数组中显示访问的(通过 for 循环)对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50382910/