Jquery即点即改
来源:互联网 发布:永琪和知画圆房的视频 编辑:程序博客网 时间:2024/06/06 13:46
- <table border="">
- <th>编号</th>
- <th>用户名</th>
- <th>密码</th>
- <?php foreach($i as $v){ ?>
- <tr>
- <td><?php echo $v['id']?></td>
- <td value="<?php echo $v['id']?>"><span class="name"><?php echo $v['name']?></span></td>
- <td><?php echo $v['pwd']?></td>
- </tr>
- <?php } ?>
- </table>
- <script>
- $(document).on('click','span',function(){
- old_val=$(this).html();
- $(this).parent().html("<input type=\'text\' value="+old_val+">");
- $('input').focus();
- })
- $(document).on('blur','input',function(){
- var obj=$(this);
- var id=$(this).parent().attr('value'); //获取要修改内容的id
- var val=$(this).val(); //获取修改后的值
- $.ajax({
- type:'post',
- url:'index.php/welcome/upd_pro',
- data:{
- id:id,
- val:val
- },
- success:function(msg){
- if(msg == 1){
- $('td[value='+id+']').parent().html("<span class='name'>"+val+"</span>")
- }else{
- obj.parent().html("<span class='name'>"+old_val+"</span>")
- }
- }
- })
- })
- /***************************************
- <pre name="code" class="html">$(document).on('click','span',function(){
- var old_val=$(this).html();
- $(this).parent().html("<input type=\'text\' value="+old_val+">");
- $('input').focus();
- $('input').blur(function(){
- var obj=$(this);
- var id=$(this).parent().attr('value'); //获取要修改内容的id
- var val=$(this).val(); //获取修改后的值
- $.ajax({
- type:'post',
- url:'index.php/welcome/upd_pro',
- data:{
- id:id,
- val:val
- },
- success:function(msg){
- if(msg == 1){
- obj.parent().html("<span class='name'>"+val+"</span>")
- }else{
- obj.parent().html("<span class='name'>"+old_val+"</span>")
- }
- }
- })
- })
- })
</script>
0 0
- Jquery即点即改
- jquery即点即改
- jQuery 即点即改
- jquery 即点即改
- Jquery即点即改
- jquery即点即改
- jquery 即点即改.......
- jQuery即点即改
- jquery 即点即改
- jquery即点即改
- jquery即点即改
- jquery 即点即改
- Jquery即点即改2
- jquery的即点即改
- jquery即点即改 批量删除
- jquery即点即改-----laravel框架
- jquery即点即改-----laravel框架
- jquery即点即改-----laravel框架
- Matlab基本运算
- Centos 下编译 Opencv
- 程序员应该知道的计算机网络知识
- 情景软工编程题(待更新)
- Java数组入门
- Jquery即点即改
- CCF-201412-3-集合竞价
- 关于代码执行顺序的面试题
- UVA 11893 Weird Advertisement(K次面价交)
- 二分查找折半查找排序
- Mac查看IP地址
- 【转载】java多线程synchronized volatile解析
- Android四种补间动画介绍及实现
- (Insert)插入语句,(Update)修改语句,(delete)删除语句