Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 作为表列的子级获取textbox的值_Javascript_Jquery_Jsp - Fatal编程技术网

Javascript 作为表列的子级获取textbox的值

Javascript 作为表列的子级获取textbox的值,javascript,jquery,jsp,Javascript,Jquery,Jsp,我有一个表,显示了一些细节,在每一行中我从数据库中获取值,我希望通过用户可以直接操作任何行的内容并单击更新来开发一个web应用程序,并且应该更新更改 代码如下: var row = parseInt(id); var name = document.getElementById("faculty").rows[row].cells[1]; var type = document.getElementById("faculty").rows[row].cells[3].in

我有一个表,显示了一些细节,在每一行中我从数据库中获取值,我希望通过用户可以直接操作任何行的内容并单击更新来开发一个web应用程序,并且应该更新更改

代码如下:

    var row = parseInt(id);
    var name = document.getElementById("faculty").rows[row].cells[1];
    var type = document.getElementById("faculty").rows[row].cells[3].innerHTML;
    var pass = document.getElementById("faculty").rows[row].cells[2].innerHTML;
    var load = document.getElementById("faculty").rows[row].cells[4].innerHTML;
    var intercom = document.getElementById("faculty").rows[row].cells[5].innerHTML;
    var f_id = document.getElementById("faculty").rows[row].cells[0].innerHTML;
这是表格:

<table border="1" style="width:100%" id="faculty">
  <tr>
    <th>ID</th>
    <th>Namet</th>
    <th>Password</th>
    <th>Type</th>
    <th>Load</th>
    <th>Intercom</th>
    <th>Action</th>
  </tr>

    <%
    if (session.getAttribute("facultybean") == null) {
      response.sendRedirect("index.jsp");
    } else {
      ArrayList fb = (ArrayList) session.getAttribute("facultybean");
      int count = fb.size();
      for (int i=0 ; i < count; i++) {
        FacultyBean fb1 = (FacultyBean)fb.get(i);
    %>

    <tr>
      <td>
        <%=f b1.getId()%>
      </td>
      <td>
        <input type="text" value="<%= fb1.getName()  %>" />
      </td>
      <td>
        <input type="text" value="<%= fb1.getPass()%>" />
      </td>
      <td>
        <input type="text" value="<%= fb1.getType()%>" />
      </td>
      <td>
        <input type="text" value="<%= fb1.getLoad()%>" />
      </td>
      <td>
        <input type="text" value="<%= fb1.getIntercom()%>" />
      </td>

      <td>
        <input type="button" value="Update" id=" <%= fb1.getId()%> " onClick="update(this.id)" />
      </td>
    </tr>

    <% 
      }
    }
    %>
</table>

身份证件
名字
密码
类型
负载
对讲机
行动
假设第1行和第2列的文本字段为

用户将值更改为abcd,但我的js代码仍然返回
而不是

您可以添加keyup事件进行输入

$("input").keyup(function(e){
   var x=String.fromCharCode(e.keyCode);
   $(this).attr('value',$(this).attr('value')+x);
});

您可以为输入添加keyup事件

$("input").keyup(function(e){
   var x=String.fromCharCode(e.keyCode);
   $(this).attr('value',$(this).attr('value')+x);
});

您得到的是不变的innerHTML。您要做的是获取输入字段的值。document.getElementById(“教员”).rows[row].cells[0]。value@user2415266我需要添加并调用上述方法?您得到的是不变的innerHTML。您要做的是获取输入字段的值。document.getElementById(“教员”).rows[row]。单元格[0].value@user2415266我需要添加并调用上述方法?如果我点击backspace怎么办?这只是一个提示..您可以检查bakspace键并为其编写一个函数it@user3623491这对特定行的特定列有效吗?不,这适用于所有输入:文本元素…对于特定行的特定列有许多方法。例如,给出一个该行或其他列的类名如果我点击backspace怎么办?这只是一个提示..您可以检查bakspace键并为其编写函数it@user3623491这适用于特定行的特定列吗?不,这适用于所有输入:文本元素…特定行的特定列有多种方法。例如,为其指定一个类名行或列等