Question

我在class="input-append"中使用<tr>，因此每行包含不同的输入，我有一个按钮来追加新的输入行，

<tr class="input-append">
  <td>
    <span>Person {{$index+1}}</span>
  </td>
  <td align="center">
    Time From: <input type="text" ng-model="person.name"> Age: <input type="text" ng-model="person.age">    
  </td> 
</tr>

例如： ID，姓名，年龄，当我点击按钮时，将添加一个新行。我如何在javascript中访问输入？!!例如，我想在第二行访问Age。

问候。

Answer 1

使用document.getElementsByClassName（）和QuerySelector

trs = document.getElementsByClassName("input-append");

personName = trs[1].querySelector("input[ng-model='person.name']").value;
personAge = trs[1].querySelector("input[ng-model='person.age']").value;

和你的HTML

<table>  
<tr class="input-append" >
<td>
<span>Person {{$index+1}}</span></td>
<td align="center">Time From: <input type="text"  ng-model="person.name">  Age: <input type="text"  ng-model="person.age">  
</td>   
</td>
</tr>
<tr class="input-append" >
<td>
<span>Person {{$index+1}}</span></td>
<td align="center">Time From: <input type="text"  ng-model="person.name" value="testName">  Age: <input type="text"  ng-model="person.age" value="testAge">  
</td>   
</td>
</tr>
</table>

请参阅演示：http://jsbin.com/xemehoxono/edit?html,js,output

访问class =＆＃34; input-append＆＃34;

1 个答案: