Question

我需要一些javascript / jquery或ajax的帮助。我正在写一个java web应用程序，并有关于表的问题。我需要有可能编辑一个（只有一个指定的单元格）。在这种情况下，我有“状态”字段。当点击该值时，我想要一个下拉列表，其中有2种可供选择的选择：“活动”和“被动”。

我试图弄明白，但没有成功。这是我的代码：

    <body>
    <table border = "1">
        <tr>
            <td>name</td>
            <td>surname</td>
            <td>status</td>
        </tr>
        <tr>
            <td> Adam</td>
            <td>Smith</td>
            <td id = "status" onclick = "update(this.id)">active</td>
        </tr>
    </table>

    <script type = "text/javascript">
function update(id){
var content = document.getElementById(id).firstChild.nodeValue;
document.getElementById(id).innerHTML = "<input type = 'text' name = 'txtNewInput' id = 'txtNewInput' value = '" + content + "'/>";
  }
    </script>
</body>

在这种情况下，当我点击单元格时，值会变为“null”，并且不再可编辑。

Answer 1

你想做这样的事情：

<td>
    <input 
      type='text' 
      name='txtNewInput' 
      id='txtNewInput' 
      value='<c:out value="${person.status}" />' 
      onChange='AjaxCallToUpdateDB(this.id, this.value)'
    />
</td>

实际上，当用户进行更改时将更新发送到数据库需要的不仅仅是input：您需要对Servlet进行Ajax调用以将值保存在数据库中。

编辑表中的指定单元格 - jsp

1 个答案: