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

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

以上就是关于javascript怎样实现双击table的td实现编辑,并能保存到数据库全部的内容,包括:javascript怎样实现双击table的td实现编辑,并能保存到数据库、、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9468758.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存