您的位置:首页 > 产品设计 > UI/UE

用js把当前页面迭代过的行 标签value放入新的input标签内

2014-12-24 00:12 501 查看
<span style="font-size:18px;"><s:iterator value="#request.adif" var="adm" status="stat">
<tr id="adf${adm.id}">
<td><span class="label label-info"><s:property value="#stat.index+1"></s:property></span></td>
<td class="test"><s:property value="adminName"></s:property></td>
<td><s:property value="name"></s:property></td>
<td><s:property value="tel"></s:property></td>
<td><s:property value="email"></s:property></td>
<td><s:property value="lastLoginIP"></s:property></td>
<td><s:property value="lastLoginTime"></s:property></td>
<td><s:property value="loginCount"></s:property>次</td>
<td></td>
<td><button  class="btn" data-toggle="modal" data-target="#modifyuser" onclick="usermodify(${adm.id})">修改</button></td>
</tr></span>

以上是jsp页面部分 通过迭代显示了 一个表格

以下是对应的jquery 代码 ,通过jsp页面click方法传递一个区别当前对象的id 到js页面 根据此找到相应的 tr标签 根据eq的值找到对应的td td.html()会直接得到中间的内容

最后赋值给新的标签

<span style="font-size:18px;">//将行内容放入到编辑框里面
function usermodify(id){
var adminName=$("#adf"+id+" td").eq(1);
var name=$("#adf"+id+" td").eq(2);
var tel=$("#adf"+id+" td").eq(3);
var email=$("#adf"+id+" td").eq(4);
var adminNameval=adminName.html();
var nameval=name.html();
var telval=tel.html();
var emailval=email.html();
$("#modifyAdminName").attr("value",adminNameval);
$("#modifyname").attr("value",nameval);
$("#modifytel").attr("value",telval);
$("#modifyemail").attr("value",emailval);
}

</span>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: