java - 单击html表行的“编辑”链接以填充EditDATA_form字段。 servlet对jsp的响应正在填充表数据

原文 标签 java javascript jquery jsp servlets

我想用表格的行数据填充表单字段,像这样填充

  <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>


现在,我想编写Jquery(这对我来说是全新的)。我已经浏览了很多示例并询问了相同的示例。但是jquery不适用于我。任何人都可以告诉在scripts标签中写什么吗?如果可能,还请共享代码。

//在jsp上形成

   <form name="frm" class="data-form" action="./StudentServlet" method="POST" onSubmit="return validateForm()">
            <tr>
                <td><strong>Student ID --></strong><input type="text" class='input1'  name="studentId" value="${student.studentId}" /> </td>
                <td><strong>First Name --></strong><input type="text" class='input2' name="firstname" value="${student.firstname}" /> </td>
                <td><strong>Last Name --></strong> <input type="text" class='input3' name="lastname" value="${student.lastname}" /> </td>
                <td><strong>Year Level --></strong><input type="text" class='input4' name="yearLevel" value="${student.yearLevel}" /> </td>
            </tr>   
      </form>


//脚本

//what goes here

最佳答案

为此所需的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());
    });
});
});


此外,您的表格恰好在表格标签中。将其从表格标签中取出。表格标签中仅剩下表格。

相关文章:

java - 如何用hibernate映射自定义枚举整数序数?

java - Hibernate3 Maven插件错误:无法使用一个参数委托构造函数创建或找到“ MyReverseStrategy.java”吗?

java - Spring OAuth oauth / token在Tomcat上返回404 War

javascript - 聚合物事件处理程序

javascript - GraphQL Blackbox /“任何”类型?

javascript - 响应式设计之间的过渡效果

java - Gradle为同一项目设置多个构建脚本

javascript - 功能“实时”组合

javascript - 使用jQuery将当前日期增加10天

jquery - 将nivoslider编号更改为项目符号,即使使用主题也不起作用