html Tabellenzeile "id" -Feld Onclick Javascript Wert holen nicht

Question

In meinem HTML-Code ich habe:

<div align="center"> 
     <div class="wrapper"> 

      <div class="table"> 

       <div class="row header"> 
        <div class="cell">Select No</div> 
        <div class="cell">Id</div> 
        <div class="cell">Name</div> 


       </div> 
       <c:forEach var="student" items="${studentList}" varStatus="status"> 

        <div class="row"> 
         <div class="cell">${status.index + 1}</div> 
         <%-- <div class="cell">${student.u_id}</div> --%> 

         <div class="cell"> 
          <a href="edit?id=${student.u_id}" onclick="return getData(this);">${student.u_id}</a> 
         </div> 

         <div class="cell">${student.name}</div> 


        </div> 
       </c:forEach> 

      </div> 
     </div> 
    </div> 

Und mein Javascript-Code ist:

function getData(element) { 
     var ID = $(element).attr("u_id"); 

     var inputs=document.getElementsByTagName('input'); 
     var tds=o.getElementsByTagName('td'); 

     for(a in tds){ 
      inputs[a].value=tds[a].innerHTML; 
     } 


     console.log(ID); 

     return false; 
    } 

Meine Forderung:

Hier Ich zeige Schülerlistendaten in HTML-Tabelle an. Ich möchte nach dem Klicken ID Feld es wird Javascript aufrufen und in der Konsole den Wert der ID erhalten. Aber ich bekomme undefiend Wert in der Konsole. was mache ich falsch ??

Answer 1

ID Selektor sollte eindeutig sein, aber in Ihrem Fall zuweisen Sie gleiche ID zu mehreren Element innerhalb einer Schleife, die falsch ist. Verwenden Sie stattdessen Class Selektor.

Answer 2

In Ihrem HTML-Code gibt es kein Attribut u_id, sondern nur die Werte, die Sie in Ihrem EL-Ausdruck ${....u_id} verwenden.

Diese Attribute werden (wie erwartet) durch ihre tatsächlichen Werte im HTML ersetzt. Wenn Sie sie also über JavaScript abrufen müssen, müssen Sie sie auch einem anderen HTML-Attribut zuweisen oder in Ihrem Aufruf onclick übergeben.

Mit dem aktuellen HTML-Code, können Sie den Wert aus dem Inhalt des <a> Tag, lesen, aber wäre ein sauberer Ansatz ein Attribut hinzufügen.

Answer 3

versuchen Sie dies. var inputs = document.getElementsByTagName ('input'). Value;

Answer 4

In Ihrem

<a href="edit?id=${student.u_id}" onclick="return getData(this);">${student.u_id}</a> 

Sie haben kein u_id Attribut, es stattdessen zu

<a href="edit?id=${student.u_id}" onclick="return getData(this);" u_id="{student.u_id}">${student.u_id}</a>