2016-04-28 42 views
0

我擁有以下結構的表格。我正在根據用戶提供的輸入生成一個動態表,它將重複這一行。如何使用javascript從單元格中選擇第二個輸入框

我想這個文本框的值,並嘗試使用下面

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

+0

'table.rows [I] .cells [1] .querySelector( '輸入')。value' – Rayon

回答

1

您可以使用querySelectorAll選擇所有行,然後使用循環獲取僅包含的行,然後使用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>

+0

感謝溶液 – abhishek

+0

別客氣。 –

相關問題