zoukankan      html  css  js  c++  java
  • jquery 如何将文本置换为input框,并修改其内容

    //html代码
    <td title="{$doctor.reason}"><span class="doc_reason" value="{$doctor.evalue_id}">{$doctor.reason|htmlspecialchars|trim|msubstr=0,35}</span></td>
    //JS代码
    
    // 使用live可以给动态添加的元素绑定事件
     $('td span.doc_reason').live('click',function() {
            var evalue_id       = $(this).attr('value');
            var span_reason     = $(this).text();
            var td              = $(this).parent();
            var doc_reason      = $.trim($(td).attr('title'));
            var html            = '<textarea style="450px;height:30px;">'+doc_reason+'</textarea>';
            td.html(html);
            var textarea        = $('textarea');
           //先将textarea的内容置空,然后移入焦点,在插入内容,这样可以让焦点默认处于文本的最后面
            textarea.val('').focus().val(doc_reason);
            textarea.blur(function() {
                var new_doc_reason  = textarea.val();
                $.ajax({
                    type    : 'post',
                    data    : {
                        'evalue_id'   : evalue_id,
                        'doc_reason'  : new_doc_reason,
                    },
                    url     : '__URL__/mof_doc_reason',
                    dataType: 'text',
                    success : function(res) {
                        if(res == '0') {
                            alert('系统发生错误!修改失败!');
                            var _html   = '<span class="doc_reason" value="'+evalue_id+'">'+span_reason+'</span>';
                        }else {
                            var _html   = '<span class="doc_reason" value="'+evalue_id+'">'+res+'</span>';
                        }
                        td.attr('title',res);   
                        td.html(_html);
                    },
                });
            });
    
        });
    //PHP 代码
    
        /*
            修改推荐理由
        */
        public function mof_doc_reason() {
            if(!$this->isPost())
                die('0');
            //接收数据
            $evalue_id         = $this->_post('evalue_id');
            $doc_reason     = $this->_post('doc_reason');
            //连接数据,修改数据
            $doctor_evalue     = M('doctor_evalue');
            $savedata['reason']     = $doc_reason;
            $res             = $doctor_evalue->where(array('evalue_id' => $evalue_id))->save($savedata);
            if($res === false)
                die('0');
            echo mb_substr($doc_reason,0,35,'utf-8');
        }
  • 相关阅读:
    《跑跑跑》(五)——添加障碍物,Tiled障碍层的使用
    Cocos2d-JS 自定义loading界面
    Oracle本地,远程,分布式登录
    JUnit测试工具在项目中的用法
    js事件之神奇的onclick
    js常见事件
    JS & DOM 对象
    jquery方法的参数解读
    JDBC和DBUtils区别(查询时jdbc只能返回ResultSet需要po转vo,dbutils返回的BeanListHandler与BeanHandler对应集合与对象)
    AJAX技术的核心
  • 原文地址:https://www.cnblogs.com/lxdd/p/4026059.html
Copyright © 2011-2022 走看看