如何使用 JavaScript 从单元格中选择第二个输入框

how to select second input box from cell using javascript

本文关键字：选择 第二个 输入 单元格 何使用 JavaScript      更新时间：2023-09-26

我有以下结构的表格。我正在根据用户提供的输入生成一个动态表，该表将重复此行。

我想获取此文本框的值并尝试使用以下代码

if (row.getAttribute('val') === 'answer') {
  var Cell = table.rows[i].cells[0];
  alert(Cell.innerHTML);
}
<tr val='answer'>
  <td>
    <input type='checkbox' />
    <input style='width:483px' type='text' />
  </td>
</tr>

我

正在发出警报以检查我是否得到正确的值.我可以在警报消息中看到两个输入，我想使用 javascript 而不是 jquery 获取文本框的值

您可以使用

querySelectorAll选择所有行，然后使用循环仅获取带有val='answer'的行，然后使用querySelector获取带有type="text"的输入 

var rows = document.querySelectorAll('tr');
for (var i = 0; i < rows.length; i++) {
  if (rows[i].getAttribute('val') == 'answer') {
    var input = rows[i].querySelector('input[type="text"]');
    console.log(input.value);
  }
}
<table>
  <tr val='answer'>
    <td>
      <input type='checkbox' />
      <input value="Some value" style='width:483px' type='text' />
    </td>
  </tr>
</table>

相关文章：