jQuery即点即改

1、给你需要修改的数据一个选择器（id或者class）都行

2、因为修改数据库时候需要ID，所以给它一个属性等于你的ID用来传值，我用的是b（这个你可以随意起名）

 <table border="1"><tr><td>姓名</td></tr><?php foreach($user as $k=>$v){?><tr><td><span id="name" <span style="color:#FF0000;">b="<?php echo $v['user_id']?>"</span>><?php echo $v['user_name']?></span></td></tr><?php }?></table>

3、触发点击事件，执行以下代码

<script>$(document).on('click','#name', function () {//获取当前对象var obj = $(this);//获取当前数据唯一IDvar user_id = obj.attr('b');//获取当前操作文本的内容var qian = obj.text();// 将当前文本内容替换为文本框并给它默认原来的值obj.parent().html("<input type=\"text\" id='text' value= '"+qian+"' />");//获得文本框焦点$("#text").focus();//给文本框一个失去焦点事件$("#text").blur(function(){//获取你在文本框李输入的值var hou = $("#text").val();//ajax修改数据库$.get('?r=jdjg/gai',{user_name:hou,user_id:user_id},function(res){if(res == 1){//修改数据成功时，将文本框改为span标签，并显示修改后的值$('#text').parent().html("<span id='name'>"+hou+"</span>");}else{alert("修改失败")}})})})
</script>

jQuery即点即改相关推荐

jQuery 即点即改
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8" ...
jquery 即点即改.......
HTML页面: <body> <table border="1"> <tr> <td>名称</td> <td> ...
jquery 遍历java对象的属性_用jquery each标签遍历java list对象
最近在做tms管理系统(物流管理软件),遇到这样一个场景: 运单对应多个货物信息(我们这里只对应3个货物信息,但大部分情况下,只有1个货物信息),我需要编辑也就是修改该运单,那么带出该运单一对多的货物 ...
ajax type是get请求,jQuery的Ajax请求数据时type无法使用GET
写一个ASP.NET MVC例子,它是使用jQuery的$.Ajax来呼叫控制器的数据. 创建一个视图: 运行结果: 一切正常,但是本例子我们只是获取数据,并没有做任何数据POST上传至控制器,我们尝 ...
MVC与Validate验证提示的样式修改
MVC中使用Validate的验证,要修改错误提示样式一共有3处需要修改,否则就不太完美了: MVC中的Validate的验证机制只用在后台写一次,就可以完成前台和后台的完美验证,前台的验证主要是依靠 ...
与webview打交道中踩过的那些坑
随着HTML5被越来越多的用到web APP的开发当中,webview这一个神器便日渐凸显出重要地位.简要的说,webview能够在移动应用中开辟出一个窗口,在里面显示html页面,css以及js代码 ...
python3 Django框架报错（备忘录）
这篇博客主要总结的学习Django框架中,遇到的报错如何去解决问题: 1.decimal.InvalidOperation: decimal.InvalidOperation: [<class ...
多图上传 - Web Uploader
http://fex.baidu.com/webuploader/ 官方DEMO,我都不想说了,各种问题.参考ShuaiBi文章 http://www.cnblogs.com/ismars/p/417 ...
easyUI 日期控件修改...
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 个人觉得easyUI挺好用的. 它的中文文档地址: http://www.zi-han.net/ca ...

jQuery即点即改

jQuery即点即改相关推荐

最新文章

热门文章