使用jQuery将文本转换为文本框并可修改

文本框文本可以通过使用jQuery将文本更改为文本框效果进行修改。

1。单击文本框
2。文本框自动选择文本
三.修改文本框的内容
4。单击文本框外的文本框，将其更改为修改后的文本。
5。同步更新SQL数据库内容

代码的HTML部分
复制代码代码如下所示：

身份证件
名称
操作

一
哈哈
删除

二
哈哈
删除

三
哈哈
删除

新的edit.js文件，代码如下
复制代码代码如下所示：
$（函数（）{（））
访问的caname / /类的元素
$（。caname）。Click（function（）{）
var = $（$）；
VaR txt = td.text（）；
变量输入= $（）；
Td.html（输入）；
Input.click (function () {return false;});
获取/焦点
Input.trigger（焦点）；
文本框在提交后失去焦点，返回文本
Input.blur（function（）{（）
无功newtxt =美元（这）瓦迩（）；
没有判决/文本修订。
如果（newtxt！= txt）{
Td.html（newtxt）；
*
*不需要使用的数据库的这一部分是不需要的。
VaR CAID =美元。修剪（td.prev（）。文本（）））；
Ajax异步更改数据库，参数日期是缓存问题的解决方案。
var url = 。 / / handler2。ashxcaname =+ +newtxt CAID =+酸+日期=+新的日期（）；
利用得到的 / /（）打开一个一般处理程序的方法，数据接收返回的参数（context.response.write方法返回的一般处理程序的参数（参数返回）；）
数据库/一般处理程序中的更改
获取（URL，函数（数据）{）
如果（数据= 1 ）
{
警报（）这个类别已经存在！；
Td.html（TXT）；
返回；
}
警报（数据）；
Td.html（newtxt）；
}）；
* /
}
其他的
{
Td.html（newtxt）；
}
}）；
}）；
}）；

HTML标题指JQ类库文件和edit.js文件你写，并注意秩序
复制代码代码如下所示：