Как выбрать второй ящик ввода из ячейки с помощью javascript

Question

У меня есть таблица со следующей структурой. Я создаю динамическую таблицу на основе ввода, предоставленного пользователем, который будет повторять эту строку.

Я хочу, чтобы получить значение этого текстового поля и пытаюсь использовать этот код

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>

Я помещаю предупреждение, чтобы проверить, если я получаю правильное значение .I может см. два входа в предупреждающем сообщении. Я хочу получить значение текстового поля, используя javascript, а не jquery.

Answer 1

Вы можете использовать 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>