• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    PHP+jQuery实现即点即改功能示例

    本文实例讲述了PHP+jQuery实现即点即改功能。分享给大家供大家参考,具体如下:

    !DOCTYPE html>
    html lang="en">
    head>
      meta charset="UTF-8">
      title>即点即改/title>
      script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">/script>
    /head>
    body>
    ?php
    $con = array(
      array("id"=>1,"姓名"=>"张三","性别"=>"女"),
      array("id"=>2,"姓名"=>"李四","性别"=>"男"),
      array("id"=>3,"姓名"=>"王五","性别"=>"男"));
     // print_r($con);die;
    ?>
      table align="center" border="1">
      ?php foreach ($con as $key => $v): ?>
        tr pid="?= $v['id'];?>">
          td>span class="up" style="cursor:pointer;">?= $v['姓名'];?>/span>/td>
          td>?= $v['性别'];?>/td>
        /tr>
      ?php endforeach; ?>
      /table>
    /body>
    /html>
    script>
      //即点即改
      $(document).on("click",".up",function(){
        var content = $(this).text(); //获取到当前点击对象的值
        var pid = $(this).parents("tr").attr('pid');  //通过attr 获取到设置的属性(pid)
        //当点击修改文字时 变成文本框并且获取到原值(content)
        $(this).parent().html("input type='text' class='fo' value='" + content + "'/>");
        $(".fo").focus(); //光标
        $(".fo").blur(function(){
          //获取到修改后的值
          var val = $(".fo").val();
          //
          /*
          将所有修改信息传到后端
           */
          $(this).parent().html("span class='up' style='cursor:pointer;'>"+val+"/span>");
        })
      })
    /script>
    
    

    运行结果:

    更多关于PHP相关内容感兴趣的读者可查看本站专题:《PHP数组(Array)操作技巧大全》、《PHP常用遍历算法与技巧总结》、《PHP数据结构与算法教程》、《php程序设计算法总结》、《PHP数学运算技巧总结》、《php字符串(string)用法总结》及《php常见数据库操作技巧汇总》

    希望本文所述对大家PHP程序设计有所帮助。

    您可能感兴趣的文章:
    • tp5修改(实现即点即改)
    • jQuery实现checkbox即点即改批量删除及中间遇到的坑
    • JavaScript中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
    • Laravel+Layer实现图片上传功能(整理篇)
    • Laravel框架实现发送短信验证功能代码
    • laravel框架关于搜索功能的实现
    • laravel框架上传图片实现实时预览功能
    • laravel5.5添加echarts实现画图功能的方法
    • 使用Laravel中的查询构造器实现增删改查功能
    • Laravel 6 将新增为指定队列任务设置中间件的功能
    • Laravel框架实现即点即改功能的方法分析
    上一篇:PHP hebrev()函数用法讲解
    下一篇:PHP+jQuery实现双击修改table表格功能示例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    PHP+jQuery实现即点即改功能示例 PHP+jQuery,实现,即点,即改,