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.将单元格清空,并将那个变量的值填写到单元格里