JavaScriptでダイナミックテーブルのセル値を取得する方法

Question

これは、私のjspページの1つのテーブルです。私は、javascriptメソッドのempIdカラムの値を選択します。

<table class="table table-bordered"> 
    <thead> 
     <tr> 
      <th>Employee ID</th> 
      <th>Employee Name</th> 
      <th>Casual Leave Balance</th> 
      <th>Annual Leave Balance</th> 
      <th>Sick Leave Balance</th> 
     </tr> 
    </thead> 
    <tbody> 
     <c:forEach var="leavebalances" items="${LeaveAllBalanceList}"> 
      <tr> 
       <td><dev class="correct" name="empId" onclick="selectempId(this)"> ${leavebalances.empId}</dev></td> 
       <td>${leavebalances.empId}</td> 
       <td>${leavebalances.casual}</td> 
       <td>${leavebalances.annual}</td> 
       <td>${leavebalances.sick}</td> 
      </tr> 
     </c:forEach> 
    </tbody>        
</table> 

私のjavascriptのコードセグメント

function selectempId(emp){ 
    alert(emp); 
} 

しかし、それは（onclickの）動作しません。ダイナミックドロップダウンの値を選択する方法はありません。これを行う方法を教えてください。 ありがとうございます。

Answer 1

必要なのtdタグ（動的テーブル）のために割り当てられた一意のidのがなかったので、私の問題は、JavaScriptの関数にTDの値を渡すことができないされていました。だから私は動的なIDを与えた。

<c:forEach var="leavebalances" items="${LeaveAllBalanceList}"> 
     <tr> 
       <td id ="${leavebalances.empId}" class="correct" name="empId" onclick="selectEmpId(this.id)">${leavebalances.empId}</td> 
       <td>${leavebalances.empId}</td>     
       <td>${leavebalances.casual}</td> 
       <td>${leavebalances.annual}</td> 
       <td>${leavebalances.sick}</td> 
     </tr> 
</c:forEach> 

///////////////////// javascript関数//////////////////// ///////////

function selectEmpId(val) { 
     alert(val);   
} 

Answer 2

<dev class="correct" name="empId" onclick="selectempId(this)"> ${leavebalances.empId}</dev>

あなたがJavaScriptに値を渡すことができ()

Answer 3

を必要としません。しかし、私はdevタグをHTMLで知りません。私はそれがdivだと思う。

<td><div class="correct" name="empId" onclick="selectempId(${leavebalances.empId})"> ${leavebalances.empId}</div></td> 

それともtdのonclickアクションに渡すことができます。ここで

<td onclick="selectempId(${leavebalances.empId})">${leavebalances.empId}</td>