手机版

PHP jQuery实现双击修改桌子表格功能示例

时间:2021-08-27 来源:互联网 编辑:宝哥软件园 浏览:

本文实例讲述了PHP jQuery实现双击修改桌子表格功能。分享给大家供大家参考,具体如下:

!DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题即点即改/title脚本src=' http :http://libs。百度。com/jquery/2。0 .0/jquery。量滴js '/脚本/head dy?php$con=array(array('id'=1 ')姓名'='张三','性别'='女),数组(' id'=2 '姓名'='李四','性别'='男),数组(' id'=3 '姓名'='王五','性别'='男'));//print _ r($ con);死去;表格对齐='中心'边框='1 '?php foreach ($con as $key=$v):tr id='?=$ v[' id '];TD标志=' user _ name '样式=' width :100 px '输入样式=' border :0文本对齐:中心;宽度:60 px背景# fff type=' text ' disabled=' disabled ' readonly=' readonly ' value='?=$v['姓名'];/TD TD TD标志=' user _ sex '样式=' width :100 px '输入样式=' border :0文本对齐:中心;宽度:60 px背景# fff type=' text ' disabled=' disabled ' readonly=' readonly ' value='?=$v['性别'];/td /tr?php endforeach?/table/body/htmlscript //双击触发事件$('tbodytrtd ').dblclick(function(){ //获取到当前投入下的元素(原值)window.olds=$(this).子代(“输入”).val();if(olds==undefined){ return false;} var符号=$(这个).attr('符号');//获取属性值(这些值方便服务器端编程语言(专业超文本预处理器的缩写)后台的操作)var user_id=$(this).父项()。attr(' id ');//接受当前点击的标识(tr里的id) //双击之后可以修改$(这个)。查找('输入')。attr('disabled ',false);$(这个)。查找('输入')。attr('readonly ',false);$(这个)。查找('输入')。css(“”边框,' 1px纯色深蓝');$(这个)。查找('输入')。attr('id ',符号为_ ' user _ id);//方便下面失去焦点事件找ID(没有这个无法定位到tr里面的编号属性) //循环这些值从而判断是修改数据的类型,对一些特殊类型的数据进行特殊处理switch(signs){ case ' user _ name ' : $(' # ' signs ' _ ' user _ id).焦点()。on('blur ',function(){ var content=$(this)).val();如果(内容!=olds) //与原值不同则传到后台{//alert(user _ id);警戒(标志);警报(内容);/* 通过getJSON将数据传输到后台USER_ID SIGNS CONTENT */} $(这个)。attr('disabled ',' disabled ');$(这个)。attr('readonly ',' readonly ');$(这个)。css(“”边框',' 0 ');$(这个)。css(“”背景,' # fff ');$(这个)。css(“”文本对齐','居中');})中断;案例" user _ sex": $("# "标记" _ "用户id).焦点()。on('blur ',function(){ var content=$(this)).val();如果(内容!=olds){//alert(user _ id);} $(这个)。attr('disabled ',' disabled ');$(这个)。attr('readonly ',' readonly ');$(这个)。css(“”边框',' 0 ');$(这个)。css(“”背景,' # fff ');$(这个)。css(“”文本对齐','居中');})} })/脚本运行效果如下:

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

希望本文所述对大家服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。

版权声明:PHP jQuery实现双击修改桌子表格功能示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。