如何使用 JavaScript 或 Jquery 從 td 輸入中獲取 employee 的值？

Question

我想使用表的以下 tr 的 js 或 jquery 獲取輸入字段的值-

<tr>
   <td class="center"> <div class="hide"> <?php echo $row['id']; ?> </div> </td>
   <td class="center"> <div class="hide"> <?php echo $row['employee_no']; ?> </div> 
       <input type="tel" name="employee_no" id="employee_no" value="<?php echo 
       $row['employee_no']; ?>" onchange="return validate()" > </td>
</tr>

我試試這段代碼-

function update(thisrow){
   var Row = document.getElementById(thisrow);
   var Cells = crw.getElementsByTagName("td");
   var id = Cells[0].innerText; 
   var employee = Cells[1].innerText;}

不幸的是，它給出了正確的 id 值，但給出了員工的空白值？ 如何使用 JS 或 Jquery 從 td 輸入中獲取 employee 的值？

Answer 1

只需抓住元素並獲得價值。

 function validate() { let t = document.getElementsByTagName("table")[0] let trs = t.getElementsByTagName("tr") for (i = 0; i < trs.length; i++) { let tds = trs[i].getElementsByTagName("td") for (j = 0; j < tds.length; j++) { let inp = tds[j].getElementsByTagName("input") if (inp.length > 0) console.log(inp[0].value) } } }

 <table> <tr> <td class="center"> <div class="hide"> <?php echo $row['id']; ?> </div> </td> <td class="center"> <div class="hide"> <?php echo $row['employee_no']; ?> </div> <input type="tel" name="employee_no" id="employee_no" value="000-123-1234" onchange="validate()"> </td> </tr> </table>