Question

当前页面的函数，通过id获取forEach出的某条数据，永远只能是第一条。

input元素在table中，table每个tr、td是forEach来的，点击修改触发doUp(op1)，
问题是：无论点击那个doUp(op1)方法，方法体中的document.getElementById("text1").value获取的永远是第一条的值。而我需要点哪条，获取哪一条的效果。除了form提交，还有别的方式否？
<table><c:forEach begin="0" items="${lists}" var="list">
<tr>
<td>${list.a}</td>
<td><input id="text1" type="text" value="${list.b}"></td>
<td><a href="javascript:doUp(${list.a})">修改</a></td>
</tr>
</c:forEach></table>
（代码可能少字母，只是表达个意思。）

Answer 1

<td><input id="text1" type="text" value="${list.b}"></td> 改成：
<td><input id="${list.a}text1" type="text" value="${list.b}"></td>
doUp(op1)方法体中的document.getElementById("text1").value 改成：
document.getElementById(op+"text1").value //其中的 op为 doUp函数的参数名
这样id就唯一了，就不会因为id一样而始终取得的是第一条。

追问

非常感谢，假定list中所有属性都不是唯一的，那么拼接id名也就不能唯一，有没有其它变通的方式？

追答

变通的方法有：javascript:doUp(${list.a},this)

在 doup(op,th)中，获取th的父节点，然后再获取上一个兄弟节点，再获取第一个子节点，即为目标节点

追问

看起来比较复杂，我是table里面的tr的td的input标签，有空我会尝试，谢谢！

追答

或者你干脆在list中增加一个c，c的值从1开始编号就好了

Answer 2

改成：
doUp(op1)方法体中的document.getElementById("text1").value
改成：
document.getElementById(op+"text1").value
//其中的
op为
doUp函数的参数名
这样id就唯一了，就不会因为id一样而始终取得的是第一条。