码迷,mamicode.com
首页 > Web开发 > 详细

jquery 如何将文本置换为input框,并修改其内容

时间:2014-10-15 15:23:16      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   os   使用   ar   sp   数据   

//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="width: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‘);
    }

jquery 如何将文本置换为input框,并修改其内容

标签:style   blog   color   io   os   使用   ar   sp   数据   

原文地址:http://www.cnblogs.com/lxdd/p/4026059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!