如何在JavaScript中使用Dynamic-table單元格值

這是我的一個jsp頁面的表格。我想爲javascript方法採用empId列的選定值。如何在JavaScript中使用Dynamic-table單元格值

<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）不起作用。只有方法才能獲取動態下拉列表的選定值。請告訴我如何做到這一點。謝謝。

來源

2016-09-15 GTR Mora

'onclick（）=「selectempId（this）」'什麼是'（）'？這是正確的嗎？ – epascarello

@epascarello no no，它應該更正爲onclick =「selectempId（this）」。謝謝。 –

在這裏，我的問題是無法TD的值傳遞給JavaScript函數，因爲有分配所需TD標籤（動態表）沒有唯一的ID。所以我給了動態IDS。

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

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

來源

2016-09-22 13:05:53

我的回答和你的問題有什麼不同？） –

我在答案的幫助下找到了答案。在td標籤中沒有id之前，我無法執行js代碼。這就是爲什麼我使用你的方法來生成唯一的ID。非常感謝。 :) –

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

你不需要()

來源

2016-09-15 20:56:33

是的。我在發佈時犯了這個錯誤。但我仍然無法在javascript中使用它的值。然後，問題必須在JavaScript代碼中。沒有？ empId必須是String。但這裏的JavaScript方法必須有一個參數類型像開發或東西？現在我已經附加了javascript代碼段以及 –

可以傳遞價值的JavaScript。但我不知道HTML中的dev標籤。我認爲這是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>

來源

2016-09-16 10:52:24

您確定empId不爲空嗎？我認爲我的代碼是正確的 –

謝謝@Afusn它應該是div。然後我用你的div方法。但Javascript代碼不起作用。它只適用於noparameter調用。而js沒有para函數。爲什麼？參數有問題嗎？ selectempId（$ {leavebalances.empId}），函數selectempId（emp）{} –

檢查元素內部方法時會出現什麼情況？ –

如何在JavaScript中使用Dynamic-table單元格值

回答

相關問題