当前页面的函数,通过id获取forEach出的某条数据,永远只能是第一条。
input元素在table中,table每个tr、td是forEach来的,点击修改触发doUp(op1),问题是:无论点击那个doUp(op1)方法,方法体中的docu...
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>
(代码可能少字母,只是表达个意思。) 展开
问题是:无论点击那个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>
(代码可能少字母,只是表达个意思。) 展开
2个回答
展开全部
<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一样而始终取得的是第一条。
<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的父节点,然后再获取上一个兄弟节点,再获取第一个子节点,即为目标节点
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询