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

JavaScript018

javascript怎样实现双击table的td实现编辑,并能保存到数据库?,第1张

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

具体步骤

1.复制原来那个单元格里面的内容到一个变量

2.将那个单元格的内容替换为一个输入框(input)

3.将那个变量的内容赋值给输入框

反向操作:

1.取得输入框里的内容并赋值给一个变量

2.将单元格清空,并将那个变量的值填写到单元格里