如何使用javascript从文本框中的对象数组中显示数据?

时间:2017-02-12 16:57:20

标签: javascript html textbox

我希望以表格形式显示存储在数组中的数据  例如:

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

我希望在下面的表单中显示登录用户的姓名和年龄:

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

1 个答案:

答案 0 :(得分:1)

您只需使用纯javascript更改文字内容即可。

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

当然,您需要选择要更改的所有字段。