0

コンテンツの編集可能な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);
})
4

3 に答える 3

2

試す：

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

このボタンをクリックすると、blog_post変数にhtmlコンテンツが含まれているようには見えないためです。

于 2011-10-20T09:58:01.130 に答える
0

alert（$（'＃hidden_​​text_area'））がオブジェクトを提供しているかどうかを確認してください。オブジェクトを提供していない場合は問題があり、そうでない場合は$（'＃hidden_​​text_area'）。val（blog_post）; 動作するはずです。

于 2011-10-20T09:48:50.960 に答える
0

私にとってはうまく機能しているようですが、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);
});
于 2011-10-20T10:08:01.373 に答える