<form method=”POST” action=”http://hoge.jp/”>

<input type=”hidden” name=”aaa” value=”1”>
<input type=”hidden” name=”bbb” value=”2”>
<input type=”hidden” name=”ccc” value=”3”>
<input type=”submit”>
</form>

に相当する機能をJavascriptだけで実現したいのですが、どうやればいいでしょうのか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/03/12 19:44:37
  • 終了:--

回答(8件)

id:izayoimizuki No.1

izayoimizuki回答回数302ベストアンサー獲得回数02005/03/12 20:57:49

ポイント20pt

私にはJavaScriptどころか

HTMLだけで実現できているように見えますが。

formで何かを送信させて着信した情報を元に

何をしようとしているのですか?

そこの部分をがわからないとJavaScriptどころか

どの言語を使おうとも書くことなど出来ません。

id:banzo No.2

banzo回答回数36ベストアンサー獲得回数02005/03/12 22:31:09

ポイント20pt

単純に外部のファイルに書いてはいけませんか?

ファイル名hogehoge.jsの内容を

document.write(”<form method=’POST’ action=’

http://hoge.jp/

$B$[$2(B.JP

’><input type=’hidden’ name=’aaa’ value=’1’><input type=’hidden’ name=’bbb’ value=’2’><input type=’hidden’ name=’ccc’ value=’3’><input type=’submit’></form>”);

として、

htmlのページ内どこかに

<script type=”text/javascript” src=”hogehoge.js”></script>

id:ke_ishi No.3

ke_ishi回答回数269ベストアンサー獲得回数02005/03/12 23:17:56

ポイント20pt

JavascriptでターゲットのHTMLに対してPOSTしたい、という解釈ですと参考URL1つめの方法でどうでしょう。

※私もこのやり方、初めて知りました。

あとは、2つ目の参考URLの「フォーム部品(共通)」を複数埋め込めば、できそうですよ。

id:Tariq

なるほど。ありがとうございます!

2005/03/14 16:34:37
id:kgi No.4

kgi回答回数34ベストアンサー獲得回数02005/03/13 03:17:29

ポイント20pt

http://hoge.jp

$B$[$2(B.JP

のアドレスに、aaa=1...のパラメータを渡したいってことでしょうか?

それなら、

location.href=”

”;

てのはどうでしょう?

まあこの場合、JavaScriptじゃなくってもaタグ使うだけで良いですが。

全然かんちがいでしたらゴメンナサイ。

id:Tariq

GETならできるんですけどね。。

2005/03/14 16:34:49
id:nkysn No.5

nkysn回答回数10ベストアンサー獲得回数02005/03/13 11:51:24

ポイント10pt

リンク元のページの各inputの値をリンク先のページで

取得したい、という事でしょうか?

postによって送信された値をクライアント側のJavaScriptで

取得するのは不可能かと思います。

サーバー側でその値を同じようにinputで吐き出して遷移先の

ページに渡すことは簡単ですが、ご質問から推測すると

サーバー側のスクリプトはいじれないということですよね?

となると、クッキーを使うか、getを使ってURLに付加して

遷移先のJavaScriptで自分のURLから判断するという方法しか

浮かびません。

参考にならなかったらごめんなさい。

id:ke_ishi No.6

ke_ishi回答回数269ベストアンサー獲得回数02005/03/16 00:49:14

ポイント10pt

ちょっと苦しいけど、以下のようなコードでPOSTはできます。きっと、formの追加もできると思うんですが、ためしてません。見やすさのために改行しまくってますので、実際には関数とかにしてみてくださいな。

<form action=”hoge.html” name=”x” method=”post”>

<input type=”button” onClick=”

inp1=document.createElement(’input’);

inp1.type=’hidden’;

inp1.name=’aaa’;

inp1.value=’1’;

document.x.appendChild(inp1);

inp2=document.createElement(’input’);

inp2.type=’hidden’;

inp2.name=’bbb’;

inp2.value=’2’;

document.x.appendChild(inp2);

inp3=document.createElement(’input’);

inp3.type=’hidden’;

inp3.name=’ccc’;

inp3.value=’3’;

document.x.appendChild(inp3);

document.x.submit();

” value=”post”>

</form>

DOMについて勉強するといいかも。です。

id:TokyoFilmGroup No.7

TokyoFilmGroup回答回数18ベストアンサー獲得回数02005/03/15 10:51:14

ポイント10pt

http://www.emzshop.com/video

キャプテンスーパーマーケット 5 Movies + 1

It’s alright

id:Crstl No.8

Crstl回答回数1ベストアンサー獲得回数02005/03/18 18:28:12

ポイント10pt

HTMLの部分を以下のようにして、

-----

<form name=”hoge” method=”post” action=”

http://hoge.jp/

$B$[$2(B.JP

” onSubmit=”return SubmitCheck();”>

<input type=”hidden” name=”test”>

<input type=”hidden” name=”test2”>

<input type=”hidden” name=”test3”>

</form>

-----

Javascriptを、以下のようにしてみてはどうでしょう?

<script>

function SubmitCheck(){

document.hoge.test.value = ”test0001”;

document.hoge.test2.value = ”test0002”;

document.hoge.test3.value = ”test0003”;

return true;

}

</script>

※補足ですけど、submit()の宣言は使えないですので、ご注意。

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません