当前页面的函数,通过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>
(代码可能少字母,只是表达个意思。)
展开
 我来答 举报
落叶l无情
推荐于2017-09-23 · TA获得超过1417个赞
知道大有可为答主
回答量:1372
采纳率:0%
帮助的人:1413万
展开全部
<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的父节点,然后再获取上一个兄弟节点,再获取第一个子节点,即为目标节点
柯筠丑蕴
2020-01-28 · TA获得超过3813个赞
知道大有可为答主
回答量:3135
采纳率:30%
帮助的人:246万
展开全部
改成:
doUp(op1)方法体中的document.getElementById("text1").value
改成:
document.getElementById(op+"text1").value
//其中的
op为
doUp函数的参数名
这样id就唯一了,就不会因为id一样而始终取得的是第一条。
6 已赞过 已踩过<
你对这个回答的评价是?
评论 举报 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式