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


Posted in PHP onFebruary 21, 2019

本文实例讲述了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+jQuery实现即点即改功能示例

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

PHP 相关文章推荐
简单易用的计数器(数据库)
Oct 09 PHP
PHP程序员编程注意事项
Apr 10 PHP
PHP的autoload自动加载机制使用说明
Dec 28 PHP
批量获取memcache值并按key的顺序返回的实现代码
Jun 14 PHP
php实现的百度搜索某地天气的小偷代码
Apr 23 PHP
php实现简单文件下载的方法
Jan 30 PHP
php禁止某ip或ip地址段访问的方法
Feb 25 PHP
Symfony的安装和配置方法
Mar 17 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
Nov 13 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
Nov 03 PHP
PHP示例演示发送邮件给某个邮箱
Apr 03 PHP
PHP中strval()函数实例用法
Jun 07 PHP
PHP hebrev()函数用法讲解
Feb 21 #PHP
Yii2.0框架实现带分页的多条件搜索功能示例
Feb 20 #PHP
PHP获取访问设备信息的方法示例
Feb 20 #PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
Feb 20 #PHP
PHP调用全国天气预报数据接口查询天气示例
Feb 20 #PHP
Laravel框架FormRequest中重写错误处理的方法
Feb 18 #PHP
php原生数据库分页的代码实例
Feb 18 #PHP
You might like
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
深入理解PHP几个算法:PHP冒泡、PHP二分法、PHP求素数、PHP乘法表
2013/06/06 PHP
php引用传值实例详解学习
2013/11/06 PHP
PHP实现的简单日历类
2014/11/29 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
textarea中的手动换行处理的jquery代码
2011/02/26 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
javascript记住用户名和登录密码(两种方式)
2015/08/04 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
2015/09/24 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
Javascript基础回顾之(一) 类型
2017/01/31 Javascript
详谈for循环里面的break和continue语句
2017/07/20 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
Vue.js组件props数据验证实现详解
2019/10/19 Javascript
python实现多线程行情抓取工具的方法
2018/02/28 Python
django 开发忘记密码通过邮箱找回功能示例
2018/04/17 Python
python实现linux下抓包并存库功能
2018/07/18 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
python实现证件照换底功能
2019/08/20 Python
如何给Python代码进行加密
2020/01/10 Python
pytorch:model.train和model.eval用法及区别详解
2020/02/20 Python
python如何写出表白程序
2020/06/01 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
详解Anaconda安装tensorflow报错问题解决方法
2020/11/01 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
Booking.com亚太地区:Booking.com APAC
2020/02/07 全球购物
董事长助理岗位职责
2014/02/18 职场文书
小学生学习感言
2014/03/10 职场文书
爱与责任演讲稿
2014/05/20 职场文书
2014年学雷锋活动总结
2014/06/26 职场文书
党在我心中演讲稿
2014/09/02 职场文书
幼儿园工作总结2015
2015/04/01 职场文书
学雷锋献爱心活动总结
2015/05/11 职场文书
解决sql server 数据库,sa用户被锁定的问题
2021/06/11 SQL Server
基于Python实现一个春节倒计时脚本
2022/01/22 Python