如何从表中获取所有数据(包括文本框)?

时间:2013-03-13 06:06:02

标签: javascript html web dhtml w3c

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

我可以通过尝试逐个获取每个文本框的表行和getElementById以在其中提取值来实现此目的。

但我觉得这是一种艰难的方式,有点愚蠢。

然后我试图通过获取表对象和它的innerHTML来获取数据。 它几乎可以工作,但问题是:文本框值是默认值,而不是用户输入的内容。

例如:

<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 在秒中222 333在第三个

我认为我的智能计划(innerHTML)只会让我失望的defaultValue。

任何人都有这方面的线索?或任何更好的解决方案来获取整个数据?

1 个答案:

答案 0 :(得分:0)

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

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

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