Question

 <form id="form1" runat="server">

  <table border="1" id="ResultSheet">
      <tr  id ="Name">
          <td> Student Name</td>
          <td><input type="text" /></td>
      </tr>
      <tr>
          <td>Subject Name</td>
      </tr>
      <tr>
          <td>Maths</td>
          <td><input type="text" /></td>
      </tr>
      <tr>
          <td>Science</td>
          <td><input type ="text" /></td>
      </tr>
      <tr>
          <td>English</td>
          <td><input type ="text" /></td>
      </tr>
   </table>
 </form>

我有这个表，现在我想得到每个输入类型的值。我怎么得到它。

我试过了：

document.getElementById("ResultSheet").rows[2].cells.item(0).innerHTML);

但它没有返回任何东西。

Answer 1

您可以使用querySelectorAll()之类的：

document.querySelectorAll('#ResultSheet input');

循环显示结果，如下面显示的代码段。

希望这有帮助。

＆＃13;

var inputs = document.querySelectorAll('#ResultSheet input');

for(var i=0;i<inputs.length;i++){
   console.log(inputs[i].value);
}

＆＃13;

<form id="form1" runat="server">
  <table border="1" id="ResultSheet">
      <tr  id ="Name">
          <td> Student Name</td>
          <td><input type="text" value="1"/></td>
      </tr>
      <tr>
          <td>Subject Name</td>
      </tr>
      <tr>
          <td>Maths</td>
          <td><input type="text"  value="2"/></td>
      </tr>
      <tr>
          <td>Science</td>
          <td><input type ="text"  value="3"/></td>
      </tr>
      <tr>
          <td>English</td>
          <td><input type ="text"  value="4"/></td>
      </tr>
   </table>
 </form>

＆＃13;

Answer 2

使用<form>属性elements：https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/elements

示例：https://jsfiddle.net/8co9v0ye/

获取用户输入的列的值

2 个答案: