javascript - html,js :populate form fields with values from arraylist and save back this arraylist in servlet

Question

我有一个带有文本框的 html 表单，下面是一个带有编辑和删除超链接的动态创建的表格。当我单击编辑链接时，对应于该行的值必须填充到相应的文本框中，以便用户可以编辑它们。下面是表格生成代码:

<c:forEach var="row" items="${memberList}">
   <input type="hidden" name="chk" id="chk" value="${row.connectionName}" />
    <tr>

        <td><c:out value="${row.connectionName}"/> </td>
        <td><c:out value="${row.desc}"></c:out> </td>

        <td><a href="#" name="EditConn" id="EditConn">Edit</a><td>
        <td><a href="#" name="Delete" id="Delete">Delete</a> </td>
    </tr>
</c:forEach>

从 servlet 发送 memberList 作为 request.setAttribute("memberList",memberList);。

我得到了正确填充的表值。现在，为了将对应于特定行的值(在编辑点击事件上)放入表单中相应的文本框中，可以做什么？

附言我尝试在编辑链接附近使用隐藏字段

    <td><a href="#" name="EditConn" id="EditConn" 
    onclick="fnGetName();">Edit</a>
    <input type="hidden" name="connFromList" id="connFromList" 
    value="${row.connectionName}" /><td>   

并试图提醒 connFromList 值，但它总是给我第一行值。请帮忙。

Answer 1

是的，您将 id 设置为具有相同值的每一行。最好的方法是将 row.connectionName 的值作为函数的参数传递。可能是:

<td>
    <a href="#" name="EditConn" id="${row.connectionName}"
       onclick="fnGetName(this.id);">
        Edit
    </a>
<td> 

从 javascript 方面来看，该函数应该接收一个参数并且应该如下所示:

<script type="text/javascript">
    function fnGetName(clickedId){
        alert(clickedId);
    }
</script>

希望对您有所帮助。