Javascript 如何在表格单元格中获取输入类型的值?
我有下表:Javascript 如何在表格单元格中获取输入类型的值?,javascript,jquery,html-table,Javascript,Jquery,Html Table,我有下表: <tbody id="TableBodyId"> <tr> <td>First Value</td> <td><input type="text" size="5" value="Second Value"></td> </tr> </tbody> 为了获得这些值,我使用jQuery执行了以下操作: 然后,我决定要能够更改第二个单元格中的值,因此我将其
<tbody id="TableBodyId">
<tr>
<td>First Value</td>
<td><input type="text" size="5" value="Second Value"></td>
</tr>
</tbody>
为了获得这些值,我使用jQuery执行了以下操作:
然后,我决定要能够更改第二个单元格中的值,因此我将其设置为:
<input type="text" size="5" value="Second Value"/>
但运气不好,第二个值仍然是。有什么办法解决这个问题吗?改变
"secondValue" :$(tr).find('td:eq(1)').val()
到
您需要从元素中获取值,如下所示:
<tbody id="TableBodyId">
<tr>
<td>First Value</td>
<td>Second Value</td>
</tr>
</tbody>
TableData[row] = {
"firstValue" : $(tr).find('td:eq(0)').text(),
"secondValue": $(tr).find('td:eq(1) input').val()
}
例子:
$document.readyfunction
{
var TableData=[];
$'TableBodyId tr'。每个函数行,tr
{
TableData[行]={
第一个值:$tr.find'td:eq0'。文本,
第二个值:$tr.find'td:eq1 input'.val
}
};
console.logTableData;
};
.as控制台{背景颜色:黑色!重要;颜色:石灰;}
第一值
您不需要的.val,您需要的是:.find'td:eq1>input.val的.val
"secondValue" :$(tr).find('td:eq(1)').val()
"secondValue" :$(tr).find('td input:eq(0)').val()
TableData[row] = {
"firstValue" : $(tr).find('td:eq(0)').text(),
"secondValue": $(tr).find('td:eq(1) input').val()
}