Question

我有一个表，您可以单击一个单元格并更新单元格中的信息，我将通过AJAX进行更新。为了使我的查询起作用，我需要在单元格中输入新信息，还需要一个隐藏变量，它是单元格中先前数据的id，但我不知道如何隐藏那些数据，例如在具有隐藏输入的表单。如果有人能帮助我，我将非常感激。感谢

Answer 1

使用HTML5数据属性将数据存储在td本身：

<td data-id="123456" data-another-variable="98765"> ... </td>

Answer 2

假设你有像这样的HTML

<tr>
    <td>
        <span data-id="21">Tony<span>
    </td>
    <td>
        <span data-id="43">345.22<span>
    </td>
</tr>

<input type="text" id="txtEdit" style="display:none" />

当您点击它时，每个单元格都有一些值。一个隐藏的文本框移动到那个特定的单元格（在TD内部）并隐藏跨度所以现在它就像这样。

<td>
    <input type="text" id="txtEdit"/>
    <span style="display:none" data-id="21">Tony<span>
</td>

当用户使用ajax从文本框更新值开始焦点并更新span中的新值时。如果用户按下escape键将文本框移出到body并按原样显示span。你不需要采取隐藏的领域。太简单了！

如何在a中生成隐藏的数据变量

2 个答案: