JavaScript：如何讀取一個輸入id與一個jsp標籤裏面（id =「studenttid_ <%=intCount%>」）

Question

讓我說我有10名學生。

我聲明瞭一個變量，intCount=0，這樣我就可以循環輸入字段和它們各自的ID。

用於循環輸入字段中的代碼看起來是這樣的：

<%intCount++%> 
<tr> 
    <td><input type="text" id="studenttid_<%=intCount%>"%>"></td> 
</tr> 

編譯後，輸出爲：

studentid_1
studentid_2
studentid_3
studentid_4
studentid_5
studentid_6
studentid_7
studentid_8
studentid_9
studentid_10

然後，我需要解析studentid_1，...，studentid_10到我的javascript，問題是我不知道我應該在document.getElementById('')寫什麼。

我想是這樣的：

<script>var studentId = document.getElementById('studentid_<%=intCount%>')</script> 

但它返回 「變量intCount是不確定的」。我該怎麼做才能解決我的問題？請幫忙。提前致謝。

Answer 1

你可以做到以下幾點：

1. 獲取所有輸入字段。
2. 過濾那些有你想要的ID的列表。
3. 從您正在尋找的那個獲取id屬性。

你可以這樣做與.reduce，而不是.filter().map()但是這可能是更容易理解。

var inputs = document.getElementsByTagName("input"); 
 
var inputArr = Array.apply(null, inputs); 
 
var studenttid_elements = inputArr.filter(ele => ele.id.indexOf("studenttid_") === 0); 
 
var studenttid_ids = studenttid_elements.map(ele => ele.id); 
 

 
console.log("Elements:", studenttid_elements); 
 
console.log("IDs", studenttid_ids);

<input type="text" id="studenttid_1"> 
 
<input type="text" id="studenttid_2"> 
 
<input type="text" id="other_id">

Answer 2

你需要一個<script>標籤內保持你的JavaScript代碼在JSP文件或文件包含在JSP文件。

<script>var studentId = document.getElementById('studenttid_<%=intCount%>') </script>

如果你的JavaScript是不是JSP文件中的標籤或不中，碧玉引擎會忽略它。

或者，只需使用EL。

'studenttid_${intCount}'

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.