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);
    }
     
  • 相关阅读:
    科技服务队的日子第一次上班
    快速删除word中的表格
    名词探疑:为什么HTML里单选叫radio呢?
    jquery 保存DOM对象并转换
    作业
    第二次作业
    第三次作业
    WPF自定义Window样式(2)
    sql server中的分页数据查询
    WPF自定义Window样式(1)
  • 原文地址:https://www.cnblogs.com/chaihtml/p/9376314.html
Copyright © 2011-2022 走看看