Javascript 如何从表中获取所有数据（包括文本框）？

我想缓存一个动态表，其中包含几个文本框，用户可以在其中输入一些值。 关键是：缓存的数据应该包含用户输入的内容

我可以通过尝试逐个获取每个文本框的表行和getElementById来提取其中的值来实现这一点

但我觉得这是一个艰难的方式，有点愚蠢

然后，我试图通过获取表对象及其innerHTML来获取数据。 它几乎可以工作，但问题是：textbox值是默认值，而不是用户键入的值

例如：

<table>
  <tr>
    <td>
      <input type="textbox" value="defaultValue">
    </td>
  <tr>
  <tr>
    <td>
      <input type="textbox" value="defaultValue">
    </td>
  </tr>
  <tr>
    <td>
      some info 
    </td>
  </tr>
  <tr>
    <td>
       <input type="textbox" value="defaultValue">
    </td>
  </tr>
</table>

一些信息

用户在第一个文本框中键入111 美国证券交易委员会 第三节第333节

我认为我的聪明计划（innerHTML）只得到了defaultValue，这让我很失望

---

有人对此有线索吗？或者有更好的解决方案来获取整个数据？

您可以对每个函数使用jquery遍历每个输入字段，并对它们执行您喜欢的操作。您可以使用jquery选择器获取内部html、值或任何您喜欢的内容，并将其存储在数组中。例如：

<table>
  <tr>
    <td>
      <input type="textbox" value="defaultValue">
    </td>
  <tr>
  <tr>
    <td>
      <input type="textbox" value="defaultValue">
    </td>
  </tr>
  <tr>
    <td>
      some info 
    </td>
  </tr>
  <tr>
    <td>
       <input type="textbox" value="defaultValue">
    </td>
  </tr>
</table>

jquery

function formHandler(){

$('input').each(function() {
  //do stuff here for each input, increment an array, store data at that index, etc...
  var innerHTML = $(this).html(),
      value = $(this).val();
}

}//end formHandler funciton

---

然后，只需在需要时调用该函数，或者在页面加载时运行它…

谢谢，兄弟。JQuery和语法可以工作。但是，由于我不想在我可怜的设备中推送更多数据（我正在开发嵌入式设备web），我选择使用for循环，只记录每个文本框id和值以进行恢复。尽管如此，JQuery还是相当令人惊讶。