人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jQuery loadで取得した内容を、フォームのtextareaにセットするにはどうすればよいのでしょうか?

<現状>
$(function(){
$("button").click(function(){
$("div").load("./hoge.php div.test, function() {
$("ul.piyo").remove();
});
})
})
検索したら、valを使うみたいに書いたあったのですが、
使い方が分かりません。
$("textarea").val("./hoge.php div.test, function() {
とかやったら、評価されずにそのまま「./hoge.php」が文字列で表示されてしまいました。
一旦、変数とかに入れるのでしょうか? どうやって?


●質問者: プログラムができない
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
<div id="test"></div>
<textarea id="output"></textarea>

<script type="text/javascript">
$(function(){
 $("button").click(function(){
 $("div#test").load("./hoge.php", null,
 function(response, status, xhr) { // ★load した結果は、ハンドらの引数で渡される
 $("#output").val(response); // ★textarea に入れるのは、val メソッド
 $("ul.piyo").remove();
 });
 })
});
</script>

このコードのままだと、hoge.php の結果が、div#test に展開されるので、見えなくしておいたり、とか、いろいろ必要だけど。
jQuery.get の方が、ぴったりくるんじゃないか、と思う。

<textarea id="output"></textarea>

<script type="text/javascript">
$(function(){
 $("button").click(function(){
 $.get("./hoge.php", null,
 function(response, status) { // ★get した結果は、ハンドらの引数で渡される
 $("#output").val(response); // ★textarea に入れるのは、val メソッド
 });
 })
});
</script>

どこかの、自分に合ったマニュアルサイトを押さえておいた方が良いと思うな。
http://stacktrace.jp/jquery/api/ajax/load.html
http://stacktrace.jp/jquery/api/ajax/jquery.get.html

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ