博客
关于我
表格 文章 - 即点即改
阅读量:581 次
发布时间:2019-03-11

本文共 1419 字,大约阅读时间需要 4 分钟。

**

基于jQuery的即点即改,简单实用,完整的,包括发送请求!

**

**

html

**

IDcard Name Address
1 袁梦坤 河南省商丘市柘城县
2 刘凯歌 河南省商丘市柘城县

**

css

**

td {   	border:1px solid #0094ff;	text-align:center;}

**

js(有详细的注释,新手一看就懂!)

**

$(function() {       $(document).on("click", ".gai", function() {           //不重复        if ($(this).children("input").prop("type") == 'text') return false;        //获取文本        var data = $(this).html();        //替换为文本框+文本        var input = '';        $(this).html(input);        //获取光标        $(this).children("input").focus();    });    $(document).on("blur", "#ai", function() {           //修改后的内容        var data = $(this).val();        //修改的ID        var id = $(this).parents("tr").prop("id");        //修改的字段        var param = $(this).parent().attr("param");        alert("修改的ID:" + id + "|" + "修改的字段:" + param + "|" + "修改后的内容:" + data);        var obj = $(this);        //发送AJAX        // $.ajax({           //     type:"post",        //     url:"",        //     data:{           //         "data":data,        //         "id":id,        //         "param":param        //     },        //     success:function(data){           //         if(data==1){           obj.parent().html(data);        //       }        //   }        //})    })})

转载地址:http://chnvz.baihongyu.com/

你可能感兴趣的文章
MySQL 报错:Duplicate entry 'xxx' for key 'UNIQ_XXXX'
查看>>
Mysql 拼接多个字段作为查询条件查询方法
查看>>
mysql 排序id_mysql如何按特定id排序
查看>>
Mysql 提示:Communication link failure
查看>>
mysql 插入是否成功_PDO mysql:如何知道插入是否成功
查看>>
Mysql 数据库InnoDB存储引擎中主要组件的刷新清理条件:脏页、RedoLog重做日志、Insert Buffer或ChangeBuffer、Undo Log
查看>>
mysql 数据库中 count(*),count(1),count(列名)区别和效率问题
查看>>
mysql 数据库备份及ibdata1的瘦身
查看>>
MySQL 数据库备份种类以及常用备份工具汇总
查看>>
mysql 数据库存储引擎怎么选择?快来看看性能测试吧
查看>>
MySQL 数据库操作指南:学习如何使用 Python 进行增删改查操作
查看>>
MySQL 数据库的高可用性分析
查看>>
MySQL 数据库设计总结
查看>>
Mysql 数据库重置ID排序
查看>>
Mysql 数据类型一日期
查看>>
MySQL 数据类型和属性
查看>>
mysql 敲错命令 想取消怎么办?
查看>>
Mysql 整形列的字节与存储范围
查看>>
mysql 断电数据损坏,无法启动
查看>>
MySQL 日期时间类型的选择
查看>>