从表格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;