jquery即点即改

最新推荐文章于 2021-03-23 20:43:23 发布

dear_Zzzx

最新推荐文章于 2021-03-23 20:43:23 发布

阅读量728

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/dear_zx/article/details/51849482

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

[html]view plaincopy 
   
 <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>    

[html]view plaincopy 
   
 <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>")  
                 }  
   
             }  
         })  
     })  
   
 })  
 
   
 
 
  
  
 