javascript怎样实现双击table的td实现编辑，并能保存到数据库？

javascript实现双击table的td实现编辑，并保存到数据库，需要执行以下 *** 作：

网页上，想输入文字，是需要文本框支持的。所以，想实现完美效果，建议td中加入2个元素：

<span></span>

<input type="text">

使用jquery绑定td的双击事件dblclick，事件效果：将span的文本赋值给input的value，隐藏span，显示input

使用jquery绑定input的焦点丢失事件blur，事件效果：将input的value赋值给span的文本，隐藏input，显示span

注意，table初始化的时候，span显示，input隐藏，并且span中的文本与input的value相同

简单说下

默认情况下，用户可以通过在当前 DataGridView 文本框单元格中键入或按 F2 键来编辑该单元格的内容。当满足下面的所有条件时，单元格将进入编辑模式：

能对基础数据源进行编辑。

DataGridView 控件已启用。

EditMode 属性值不为 EditProgrammatically。

单元格、行、列和控件的 ReadOnly 属性都设置为 false。

在编辑模式中，用户可以更改单元格的值，并可按 Enter 键提交更改，或按 Esc 键将单元格恢复为其原始值。

可以配置 DataGridView 控件，以使单元格在成为当前单元格时立即进入编辑模式。在此情况下 Enter 和 Esc 键的行为不变，但在提交或恢复值后单元格保持在编辑模式中。也可以配置控件，以使仅当用户在单元格中键入或仅当用户按 F2 键时，单元格才进入编辑模式。最后，可以防止单元格进入编辑模式，除非调用 BeginEdit 方法。

接下来就是DataGridView.CellEndEdit 事件的表演时间(在为当前选定的单元格停止编辑模式时发生)

如下：

protect void dataGridView1_CellEndEdit(object sender, DataGridViewCellEventArgs e)

{

//我这里假设你需要的数据类型为 string 那么就可以用下面方法或得到当前所编辑单元格

//的值，然后你就可以 *** 作数据库进行数据添加了

string strData = (string)dataGridView1.Rows[e.RowIndex].Cells[e.ColumnIndex].Value

// 更改数据到数据库

// DbClass.GetInstance().Add(strData)

}

不知是否能解决您的问题。

Private Sub List1_DblClick()

MsgBox List1.Text '获得例表中的数据

msgbxo List1.ListIndex '获得例表中的索引

数据库增加 *** 作，将list1.text 加数据库中。

End Sub

---