Question

这是我的表格

<button (click)="M_add()">Add</button>
<tbody id="_tbody">
</tbody>

单击添加按钮时，它将创建一个输入字段

var tbody = document.getElementById("_tbody");
var row = document.createElement("tr");
var col = document.createElement("td");
var col_index = document.createElement("input");
col_index.setAttribute("class", "index");
col_index.setAttribute("id", "index");
row.appendChild(col_index);
tbody.appendChild(row);

我需要从每个输入字段中检索值，如何获取它？

Answer 1

您可以通过有角度的text（）函数来实现

$('#id').text()

Answer 2

我只能用AngularJS回答，但我认为这个概念仍然存在。

$scope.table = [
  { value: 1 },
  { value: 2}
];
$scope.getRowValue = (row) => {
  $scope.selectedRow = row;
};
$scope.addTableRow = () => {
  $scope.table.push({
    value: $scope.table.length + 1
  });
};

此方法使用要在表中显示的内容数组。每次添加新行时，它都会追加到数组中。

<table border="1" width="100%">
  <tbody>
    <tr ng-repeat="row in table">
      <td>
        <input type="text" value="{{row.value}}" ng-model="row.model" ng-init="row.model=row.value">
      </td>
      <td>
        <button ng-click="getRowValue(row.model)">Get Row Value</button>
      </td>
    </tr>
  </tbody>
</table>
<button ng-click="addTableRow()">Add Table Row</button>

在HTML中，该数组显示在ng-repeat中。 ng-model的每个实例都是对数组中对象的引用。了解更多here

因此，基本上，当用户单击按钮时，它将获得该行中输入的model并将其传递到某个地方。

检查working fiddle

如何在Angular4中获取具有相同ID的输入字段的值

2 个答案: