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

 我来答
热爱影视者
2018-03-15 · TA获得超过1.8万个赞
知道小有建树答主
回答量:292
采纳率:89%
帮助的人:20.3万
展开全部

网页上,想输入文字,是需要文本框支持的。所以,想实现完美效果,建议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相同。

yhhzhengyi
2018-03-03 · TA获得超过477个赞
知道小有建树答主
回答量:1167
采纳率:0%
帮助的人:314万
展开全部
网页上,想输入文字,是需要文本框支持的。所以,想实现完美效果,建议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相同
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式