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

本文实例讲述了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常见数据库操作技巧汇总》

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