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

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

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

td和tr都是表格里的 表格 bable

td是单元格

tr是行

和word或者excel里边的表格意思一样

例如

<table>

<tr>

<td>第一行第一列</td>

<td>第一行第二列</td>

</tr>

<tr>

<td>第二行第一列</td>

<td>第二行第二列</td>

</tr>

</table>

DIV 可以理解为一个方块 可一通过style来设置属性

你可以将这个表格的td这样设置下<td name = "TdName" >1</td>然后再将这个表格放在一个表单里,提交给一个servlet或是JSP页面再在servlet或JSP里来获得这个值,再将它存到数据库当然,首先你得要连接到数据

以上就是关于javascript怎么实现双击table的td实现编辑,并能保存到数据库全部的内容,包括:javascript怎么实现双击table的td实现编辑,并能保存到数据库、在dreamweaver中。td. tr 和 div 分别表示什么意思,各有什么功能、如何将<td>里的值插入到数据库等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/sjk/9456715.html

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

发表评论

登录后才能评论

评论列表(0条)

保存