Javascript，JSP输入值正在为每个追加更新

Question

每次用户单击按钮时，我都会尝试附加一个新DIV。 为此，我正在使用此功能：

function afficherMyObject(blocParent, myID) {
$q(".tdChampMyObject", blocParent).append('<div class="identifiantMyObjectDiv' + recupererIndexMyObject(myID) + '" style="margin-bottom: 5px">' +
'<input type="hidden" name="myForm[' + recupererIndexMyObject(myID) + ']" ' +
'id="identifiantMyObjectHiddenBlc' + recupererIndexMyObject(myID) + '" class="identifiantMyObjectHidden" value="' + myID + '"/>' +
'<a href="#" class="myIDLink">'+
'<span class="identifiantMyObjectSpan">' + myID + '</span></a>' +
'<br></div>');
} 

但是，当我检查显示代码时，我可以看到对于我所做的每个附加，我总是具有相同的输入值，这是最后一个添加的值

<div class="identifiantMyObjectDiv0" style="margin-bottom: 5px">
<input type="hidden" name="myForm[0]" id="identifiantMyObjectHiddenBlc0" 
class="identifiantMyObjectHidden" value="5003">
<span class="identifiantMyObjectSpan">3002</span>
<br></div>
<div class="identifiantMyObjectDiv1" style="margin-bottom: 5px">
<input type="hidden" name="myForm[1]" id="identifiantMyObjectHiddenBlc1" 
class="identifiantMyObjectHidden" value="5003">
<span class="identifiantMyObjectSpan">5003</span>
<br></div>

谁能帮我解决这个问题？

Answer 1

我通过在div 的类名中添加一个 id 来修复它，以便每个div 都将插入不同的类名