支柱中的行明智操作2

Question

我需要逐个更新每个员工的成绩表，jsp页面上的表格在每行中显示单个员工的一些绩效数据以及每行中的struts2 select下拉列表和更新锚标记。它是使用 struts2 迭代器标签创建的。

我需要的是，当我按下此更新链接时，它应该从下拉列表中获取所选值并更新当前行。

如何实现这一点？ 我想知道在 onClick 事件中需要做什么才能更新锚标记？

Answer 1

在onclick事件上调用javascript方法。Inside 方法读取所有值，然后将所有这些值发送到服务器。您也可以使用普通表单帖子或 Ajax 来做到这一点。

Answer 2

我找到了我的问题的解决方案。在此中，我为列的每一行中的输入动态生成id，这意味着锚标记也分别使用此元素id生成，作为onclick属性中javascript函数的参数。因此，当我单击更新链接时，它将此腐蚀行的文本字段 ID 带到 javascript 函数。这使我能够获取值并按行更新它。这是我如何做到的一个例子。

<script type="text/javascript">
        function updateRole(roleID,targetID,id){
            var role = document.getElementById(roleID).value;
            var target = document.getElementById(targetID).value;
            $.ajax({
                url:"updateTeamemploydetails.action",
                data:"testRole="+role + "-" + target + "-" + id,
            }); 
</script>
<table>
            <tr>
                <th >S.No</th>
                <th >Name</th>
                <th >Role</th>
                <th >Target</th>
                <th >Action</th>
            </tr>
                <s:iterator value="emplist" status="empStatus">
            <tr>
                <td ><s:property value="#empStatus.count"/></td>
                <td ><s:property value="empname"/></td>
                <td ><s:textfield name="emprole" id="%{#empStatus.count}" theme="simple"/></td>
                <td ><s:textfield name="target" id="target%{#empStatus.count}" theme="simple"/></td>
                <td ><a href="#" onclick="updateRole('<s:property value="%{#empStatus.count}"/>','target'+'<s:property value="%{#empStatus.count}"/>','<s:property value="empid"/>');" >Update</a></td>
            </tr>
                </s:iterator>
</table>