首页 > 代码库 > jquery 如何将文本置换为input框,并修改其内容
jquery 如何将文本置换为input框,并修改其内容
//html代码<td title="{$doctor.reason}"><span class="doc_reason" value=http://www.mamicode.com/"{$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=http://www.mamicode.com/"‘+evalue_id+‘">‘+span_reason+‘‘; }else { var _html = ‘<span class="doc_reason" value=http://www.mamicode.com/"‘+evalue_id+‘">‘+res+‘‘; } 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框,并修改其内容
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。