zoukankan      html  css  js  c++  java
  • TP5+jquery即点既改

    //表单

     {volist name="date" id="v"}
    <tr id="{$v.id}">
              <td><input type="checkbox" name="box"/></td>
               <td fd="id">{$v.id}</td>
              <td fd="name">{$v.name}</td>
              <td fd="time">{$v.time}</td>
              <td fd="zhuchi">{$v.zhuchi}</td>
              <td fd="zhuang">{$v.zhuang}</td>
              <td fd="info">{$v.info}</td>
              <td><img src=" __TU__/{$v.tu}" width="100px" height="100px"  alt=""/></td>
              <td>{$v.f_fen}</td>
            
    </tr>
     {/volist}

    //js jquery实现
    <script>
        //即点即改
        $(document).ready(function(){
            $("td").dblclick(function () {
                //alert("1");htm括号不写东西是取值,写了东西是替换
                var td_val=$(this).text();
                var fd_val=$(this).attr("fd");
                var id_val=$(this).parents().attr("id");
                $(this).html("<input type='text' id='dian"+td_val+fd_val+id_val+"' value='"+td_val+"'>");
                $("#dian"+td_val+fd_val+id_val).blur(function(){
                    var new_val=$(this).val();
                    $(this).parents("td").html(new_val);
                    //请求     此为post传值
                    $.post("__URL__/dian",
                        {
                            text_id:id_val,
                            fd:fd_val,
                            val:new_val
                        },
                        function(data,status){
                             console.log(data);
                     })
                });
            });
        });
    </script>

    //控制器层
    
    
    //即点既改
    public function dian()
    {
        $id = Request::instance()->param('text_id');//ID值
        $fd = Request::instance()->param('fd');    //字段名字
        $val = Request::instance()->param('val');//
        $data[$fd] = $val;
        Db::table('lanmu')->where('id', $id)->update($data);
    }
     
  • 相关阅读:
    查看网站上保存的密码
    前端图片预览
    Amaze UI的一点总结
    简单实现图片验证码
    获取网页数据的例子
    谈谈网页中的ajax
    网页小技巧-360doc个人图书馆复制文字
    Js中的4个事件
    网页页面蒙版实现
    Spring+SprinMVC配置学习总结
  • 原文地址:https://www.cnblogs.com/chaihtml/p/9376314.html
Copyright © 2011-2022 走看看