Suchen Eingabefeld mit jQuery

Question

Ich habe versucht, drei Eingaben (Typ = Text) zu finden, die dynamisch mit jQuery hinzugefügt wurden. Ich habe versucht, , .parents(), .find() und .children() zu verwenden, aber ich scheiterte.

Ich versuchte auch mit document.getElementsByName, aber es gibt nicht den richtigen Wert zurück, wenn ich mehr als eine Gruppe von Eingaben (die dynamisch hinzugefügt werden können, wie ich bereits sagte).

Mein Code ist folgende:

function update(username, row) { 
    affiliation_val = $(document.getElementsByName('affiliation')).val(), 
    comments_val = $(document.getElementsByName('comments')).val(), 
    role_val = $(document.getElementsByName('role')).val(); 
//the search above does not work when I add multiple inputs… it returns only the first three inputs 
    console.log($(row).closest(“input”)); //one of my attempts... I also did using a combination of parents("tbody") and children("input"), for example... and many others 
} 


function format(d) { 
     var message1 = '<table cellpadding="8" cellspacing="0" border="0" style="padding-left:50px;">'+ 
     '<tr>'+ 
      '<td class="text-right"><b>User ID:</b></td>'+ 
      '<td class="text-left"> &nbsp; '+username+'</td>'+ 
     '</tr>'+ 
     '<tr>'+ 
      '<td class="text-right"><b>Password last set:</b></td>'+ 
      '<td class="text-left"> &nbsp; '+d.pwd_last_set+'</td>'+ 
     '</tr>'+ 
     '<tr>'+ 
      '<td class="text-right"><b>Uid number:</b></td>'+ 
      '<td class="text-left"> &nbsp; '+d.uid+'</td>'+ 
     '</tr>'+ 
     '<tr>'+ 
      '<td class="text-right"><b>Email:</b></td>'+ 
      '<td class="text-left"> &nbsp; '+d.email+'</td>'+ 
     '</tr>'+ 
     split_projects(d.projects_name, d.projects_role), 
     message2 = '<tr>'+ 
      '<td class="text-right"><b>Affiliation:</b></td>'+ 
      '<td class="text-left"><input type="text" name="affiliation" value="'+d.affiliation+'" '+readonly+' /></td>'+ 
     '</tr>'+ 
     '<tr>'+ 
      '<td class="text-right"><b>Comments:</b></td>'+ 
      '<td class="text-left"> <input type="text" name="comments" value="'+d.comment+'" '+readonly+' /></td>'+ 
     '</tr>'+ 
     '<tr>'+ 
      '<td class="text-right"><b>Role:</b></td>'+ 
      '<td class="text-left"><input type="text" name="role" value="'+d.role+'" '+readonly+' /></td>'+ 
     '</tr>', 
     message3 = show_inconsistency(inconsistent)+ 
     show_miss_uid(miss_uid)+ 
     '<tr>'+ 
      '<td>&nbsp; </td>' + 
     '<td>'+ 
       '<button type="button" class="btn btn-default" onclick="sendMail(\'' +username+ '\'); return false">' + 
       '<span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> Request change of permission' + 
       '</button> <br/><br/> ' + 
      '</td>' + 
     '</tr>' + 
    '</table>', 

     button = '<tr><td>&nbsp;</td><td><button class="btn btn-default" onclick="update(\''+username+'\', this)">Update</button</td></tr>'; 

    return message1+message2+button+message3; 
} 

Jede mögliche Hilfe schätzen sein hoch ...

Answer 1

Die folgende Beschreibung ist als Wähler arbeiten, ändern "Rolle" übereinstimmend:

$('#tableId input[name="role"]').val(); 

Bearbeitet nach weiteren Einzelheiten (siehe Kommentare unten)

Answer 2

Verwenden Sie den jQuery("[attribute='value']") Selektor

affiliation_val = $("input[name='affiliation']").val(); 
comments_val = $("input[name='comments']").val(); 
role_val = $("input[name='role']").val(); 

Answer 3

Wie auch von @DBS vorgeschlagen, verwenden Sie .each().

Dadurch wird jedes Element auf der Seite mit dem Namen "role" durchlaufen und der Wert auf der Konsole ausgegeben.

Wenn Sie nur die Elemente finden müssen (um etwas anderes mit ihnen zu tun, wie Sie in Ihrer Frage vorschlagen), dann können Sie element innerhalb der .each() Schleife verwenden, um Sachen mit jedem Element zu tun.

Hier ist eine andere Idee. Wenn Sie die Eltern der Elemente kennen (da es klingt wie Sie mehr als eine von jedem dieser Elemente auf der Seite haben), und interessieren sich für eine particulare ein, versuchen Sie dies:

$('#myParentID [name="role"]');

Dieser Wille Wählen Sie nur den Eingang innerhalb #myParentID.