Question

我不相信您可以直接使用内容可编辑div中的输入并以表单形式提交，因此我认为我可以使用隐藏文本字段并执行以下操作：

var blog_post = $("#editable_div").html();
$('#hidden_text_area').val(blog_post);

有谁知道这样做的方法？它不适用于我所拥有的。我想也许$('#hidden_text_area').val(blog_post);可能需要由一个事件触发，但是我点击了它就试了一下它并没有用。

$('#clicker').click(function(){
  $('#hidden_text_area').val(blog_post);
})

Answer 1

尝试：

$('#clicker').click(function(){
 var blog_post = $("#editable_div").html();
 $('#hidden_text_area').val(blog_post);
})

因为当您单击此按钮时，您的blog_post变量看起来不包含html内容。

Answer 2

请检查警报（$（'＃hidden_text_area'））是否给对象。如果它没有给对象那么它就有问题，否则$（'＃hidden_text_area'）。val（blog_post）;应该工作。

Answer 3

似乎对我有用，但请注意，value属性中的html将被转义：

HTML：

<textarea id="content">
    <p style="background-color: blue;">Testing</p>
</textarea>
<input type="button" value="hit me" id="btn" />
<div id="parent">
    <input type="text" name="testinput" id="inputtest" value="" />
</div>

JS：

$("#btn").click(function () {
    var html_contents = $("#content").html();
    $("#inputtest").val(html_contents);
});

如何从contentEditable div获取html进入隐藏文本表单元素？

3 个答案: