Zugriff auf Elemente der class = "input-Append"

Ich verwende class="input-append" in <tr> so jede Reihe verschiedene Eingänge enthält, und ich habe eine Schaltfläche neue Eingänge Zeile anzuhängen,Zugriff auf Elemente der class = "input-Append"

<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>

zum Beispiel: ID , Name, Alter, wenn ich auf den Knopf klicke, wird eine neue Zeile hinzugefügt. Wie kann ich auf die Eingaben in Javascript zugreifen? !! Zum Beispiel möchte ich auf das Alter in der zweiten Reihe zugreifen.

grüße.

Quelle

2016-05-31 Deffy Ham

nur Input-Append auswählen und den Wert des Alters aus der zweiten bekommen Td-Element? Oder 4. Td-Element, wie Sie eine mit einer Spanne haben und die anderen ist die Header, die ich rate? – thatOneGuy

danke, ich meine, ich möchte document.getElementById (''. .value; Wie kann ich mit so etwas auf die Elemente jeder Zeile zugreifen? –

verwenden Sie einfach document.getElementsByClassName ('input-append') [0] document.getElementsByClassName ('input-append') [0] .getElementsByTagName ('td') [1] thatOneGuy

Verwenden document.getElementsByClassName() und 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;

und Ihre 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>

Siehe Demo: http://jsbin.com/xemehoxono/edit?html,js,output

Quelle

2016-05-31 12:19:32

danke liebes, scheint gut –

Zugriff auf Elemente der class = "input-Append"

Antwort

Verwandte Themen