Wie können Daten aus einem Array von Objekten in einem Textfeld mit Javascript angezeigt werden?

Question

Ich möchte Daten in einem Array in form- zum Beispiel gespeichert anzuzeigen:

var users = 
[ 
    { 
    'name':'John', 
    'age':'10' 
    }, 
    { 
    'name':'Rose', 
    'age':'18' 
    } 
]; 

und ich möchte Namen und das Alter der Nutzer, in der unten stehenden Formular angemeldet anzuzeigen:

<form id="myform"> 
    <div>    
    </div> 
    <h2 align="center"> Edit Details</h2> 
    <table id="table1"; cellspacing="5px" cellpadding="5%"; align="center"> 
     <tr> 
       <td align="right" class="style1">First Name:</td> 
       <td class="style1"><input id="firstname" type="text" placeholder="FirstName" /></td> 
     </tr> 
     <tr> 
       <td align="right">Last Name:</td> 
       <td><input id="lastname" type="text" placeholder="LastName" /></td> 
     </tr> 
     <tr> 
       <td align="right">Email ID:</td> 
       <td><input id="email" type="text" placeholder="Email" /></td> 
     </tr> 
     <tr> 
       <td align="right">User Name:</td> 
       <td><input id="username" type="text" placeholder="UserName" /></td> 
     </tr> 
     <tr> 
       <td align="right">Password:</td> 
       <td><input id="password" type="password" placeholder="Password" /></td> 
     </tr> 
     <tr> 
     <td> <input type="button" value="Edit" onclick="edit()" /> 
     <td> <input type="button" value="Reset" />  
     </td> 
     </tr> 
    </table> 
</form> 

Answer 1

Sie können den Textinhalt einfach mit reinem Javascript ändern.

name.textContent = 'First name' + users[0].name; 

Natürlich müssen Sie alle Felder auswählen, die Sie ändern möchten.