专栏首页我的博客JQuery实现双击编辑异步更新

JQuery实现双击编辑异步更新

<script type="text/javascript">
 $(function(){
  $("tbody>tr>td").dblclick(function(){
  var inval=$(this).html();//获取内容
  var keyword=$(this).attr("key");//获取要更新的字段
  var upid=$(this).parents().attr("index");//获取更新哪一行
  $(this).html("<input id=’edit"+keyword+upid+"’ value=’"+inval+"’/>");//内容换成input框并保留原来内容
  $("#edit"+keyword+upid).focus().live("blur",function(){//获取input标签添加动作
  var upval=$(this).val();//获取新输入的内容
  $(this).parents("td").html(upval);//把新输入的内容显示在td表格内
  $.post("post.php",{i:upid,k:keyword,v:upval});//异步传送数据
  });//live方法类似bind
  });
 });
 </script>

具体代码打包双击编辑内容异步更新

附:参考PHP100视频制作

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JQuery事件处理

    Jquery事件 1、  绑定事件示例代码: <a href=”#”>绑定事件</a> <div style=”display:none;”> 什么是绑定事件?...

    苦咖啡
  • Egret语法DataGroup使用案例

    class Main extends egret.DisplayObjectContainer{ public constructor() { ...

    苦咖啡
  • 左右滚动,带控制按钮

    今天需要一个左右滚动图的js,从网上着了半天,修改调试了半天才弄好,于是就收藏了。不过以后真得看看js了 关键代码有注释:(红色部分是我加的注释) <table...

    苦咖啡
  • jQuery原理(DOM操作相关方法)

    删除所有的元素或指定元素。判断是否传入参数,如果传入参数,则删除指定元素,否则删除全部。

    Dreamy.TZK
  • 受控组件表单&不受控组件

    表单里面的数据 根据State确定 在 HTML 中,表单元素如 <input>,<textarea> 和 <select>表单元素通常保持自己的状态,并根据...

    河湾欢儿
  • JavaScript设计模式--模板方法模式

    模板方法是基于继承的设计模式,可以很好的提高系统的扩展性。 java中的抽象父类、子类 模板方法有两部分结构组成,第一部分是抽象父类,第二部分是具体的实现子类...

    奋飛
  • 防止因事务未提交导致的死锁

    码农二狗
  • [第 3 期]JavaScript数据结构之数组栈队列

    桃翁
  • 长期维护更新,前端面试题

    HTML,即超文本标记语言,几乎是所有网站的支柱。HTML 为网页带来标题、子标题、列表和其它一些文档结构的格式。在最近更新的 HTML5 中,甚至可以创建图表...

    FinGet
  • vue-print-nb 打印插件的使用

    import Print from 'vue-print-nb' Vue.use(Print)

    tianyawhl

扫码关注云+社区

领取腾讯云代金券