Java 单击html表格行'；s编辑链接以填充EditDATA\u表单字段。表数据由对jsp的servlet响应填充

我想用表格的行数据填充表单字段，该行数据如下所示

  <table  class="data-table" border="1">
        <tr>
        <td>Student ID</td>
        <td>First Name</td>
        <td>Last Name</td>
        <td>Year Level</td>
        </tr>

        <c:forEach items="${allStudents}" var="stud">
            <tr>
                <td>${stud.studentId}</td>
                <td>${stud.firstname}</td>
                <td>${stud.lastname}</td>
                <td>${stud.yearLevel}</td>
                <td><a href='javascript:void(0);' class='edit_doc'>Edit</a></td>
            </tr>
        </c:forEach>
            </table>

---

此目的所需的js代码并不复杂

尝试在脚本中添加这些

       $(document).ready(function () {
$("td", this).on("click", function () {
    var tds = $(this).parents("tr").find("td");
    $.each(tds, function (i, v) {
        $($(".data-form input")[i]).val($(v).text());
    });
});
});

---

此外，您的表单恰好位于表标记中。将其从表标记中取出。表标记中唯一剩下的就是您的表。

您想对jquery做什么？我想通过单击编辑链接，用html表行中的数据预填充表单字段。我必须定义一个javascript函数。

//what goes here

       $(document).ready(function () {
$("td", this).on("click", function () {
    var tds = $(this).parents("tr").find("td");
    $.each(tds, function (i, v) {
        $($(".data-form input")[i]).val($(v).text());
    });
});
});