在搜索了我的查询后,我在这里发布了这个问题......我正在处理内联编辑脚本......我想在带有保存和取消选项的模态框上获取任何 html 标记之间的文本,以便可以编辑...这些值也使用 php 脚本发送到数据库
我已经使用 jquery .text
&.html
函数来获取格式标签的值
<p>Some text</p>
但是当格式像这样时我无法编辑值
<p>This is a <a href="#">Sample</a> <b>text</b></p>
我的jQuery代码是:
$("#diag-wrap").hide();
$("span,p,h1,h2,h3,h4,h5,h6,li,a").click(function(){
$(this).addClass('edit');
ss = $('.edit').text();
//alert(ss);
$("#diag-wrap").show();
$("#show").html('<textarea id="test" cols="50" rows="15">'+ss+'</textarea>');
$("#test").htmlarea();
});//click end
$("#save").click(function(){
var edited = $("#test").val();
//alert(edited);
$.post("bounce-back.php",{
edited:edited,
old:ss}, function(data,success){
//alert(data);
$('.edit').html(data);
$('*').removeClass('edit');
$("#diag-wrap").hide();
});
});
$("#cancel").click(function(){
$('*').removeClass('edit');
$("#diag-wrap").hide();
});
bounce-back.php 中的代码
$old_val= $_POST['old'];
echo $edited_val= $_POST['edited'];
$qur= mysql_query("insert into edit (old, new) values('$old_val', '$edited_val')");
这是 HTML 弹出代码,如果它有帮助的话......
<div id="diag-wrap" style="position:absolute; width:100%; height:100%; background-color:#999; opacity:0.7; top:0px;">
<div id="wrap" style="width:500px; height:500px; margin:auto;">
<div id="show" style="width:419px; border:2px solid #000; background-color:#FFF;"> </div>
<button id="save">Save</button><button id="cancel">Cancel</button>
</div>
</div>
请帮助我找到可行的解决方案...