從表格中獲取textarea值HTML

Question

我想獲取嵌套表格中的textarea中的數據。我使用行索引來獲取該行中的數據。

我試過這個，但它不起作用。

var note = document.getElementById($index).cells[3]; 
var y = document.getElementsByTagName("textarea").value; 

這裏是表格。

<tr ng-repeat="(key, x) in records" id="{{$index}}"> 
    <td>{{key}}</td> 
    <td>{{x.title}}</td> 
    <td>{{x.year}}</textarea></td> 
    <td> 
     <textarea rows="2" cols="30">{{x.note}}</textarea> 
     <button type="button" ng-click="update($index)">Update</button> 
    </td> 
    <td><button type="button" ng-click="delete($index)">Delete</button></td> 
</tr> 

Answer 1

請注意，你也有以前的textarea控制的結束在這裏，這可能會導致一個問題的getElementsByTagName：

<td>{{x.year}}</textarea></td> 

var y = document.getElementsByTagName("textarea")[0].value; 
 
alert(y);

<tr> 
 
     <td>17</td> 
 
     <td>Title</td> 
 
     <td>Year</td> 
 
     <td> 
 
      <textarea rows="2" cols="30">this is my note</textarea> 
 
      <button type="button">Update</button> 
 
     </td> 
 
     <td><button type="button">Delete</button></td> 
 
    </tr>

Answer 2

也許這裏是錯誤，您正在關閉一個textarea：

<td>{{x.year}}</td> 

後嘗試用它：

var y = document.getElementsByTagName("textarea")[0].value;