• ベストアンサー

２つの入力フォームの「入力窓」と「submitボタン」を共有させたい

javascriptについての質問です。 ふたつの入力フォームの「入力窓」と「submitボタン」を共有させたいと 思っています。「検索対象」は、ラジオスイッチで切り替えると します。どのような、scriptが必要なのでしょうか？ まったくの初心者で、お恥ずかしいのですが、よろしくご指導 ください。 参考URL　http://www.majibaka.com/

noname#112006
noname#112006

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.2

送り先をかえたいということならactionをいじることになります <form action="a.htm" method="get"> <input type="text" name="hoge" value="" /> <input type="submit" value="送信する" /><br /> <input type="radio" name="fuga" onClick="this.form.action='a.htm'" checked />送信先１ <input type="radio" name="fuga" onClick="this.form.action='b.htm'" />送信先２ </form> ただしこうすると、不要なパラメータfugaがついてしまいますので きにいらないならラジオボタンを別フォームにしてください <form action="a.htm" method="get" id="form_hoge"> <input type="text" name="hoge" value="" /> <input type="submit" value="送信する" /><br /> </form> <form> <input type="radio" name="fuga" onClick="document.getElementById('form_hoge').action='a.htm'" checked />送信先１ <input type="radio" name="fuga" onClick="document.getElementById('form_hoge').action='b.htm'" />送信先２ </form>

noname#112006
質問者

お礼

丁寧にご指導くださり、ありがとうございました。

その他の回答 (1)

回答No.1

<form> <p><input type="text" name="a"><input type="submit" value="送信"></p> <p><input type="text" name="b"><input type="submit" value="送信"></p> </form> 何がしたいのか分かりませんが、これでいいのでは？

noname#112006
質問者

お礼

ありがとうございました

noname#112006
質問者

補足

説明不足でした。すみません。 補足しました　http://www.majibaka.com/

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • submitボタンを上につけたい

    submitボタンを上につけたい html,javascript,cgiなどでフォームのsubmitボタンを上部に設置することは可能でしょうか？ 可能でしたら、どのようにすればいいか御教授頂きたくお願いいたします。

  • 選択したたラジオボタンの値をSUBMITボタンに

    選択したたラジオボタンの値をSUBMITボタンの名前として自動的に替えたいのですが、助言をいただけますか。 イメージは下記です。★の部分に、クリックごとにradioの値を入れたいのです。 <script Language="JavaScript"><!-- function set() { n = document.myFORM.Radio.value; } // --> </script> <FORM ACTION="add.cgi" METHOD="POST" name="myFORM"> <INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onclick="set()" CHECKED> <INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪"> <INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★"></form>

  • フォームで入力した値を別のフォームにコピーする

    はじめまして！ javascriptでフォームAに入力した内容を ボタンが押されたら同一ページのフォームBに ペーストされるscriptを作りたいのですが そういったスクリプトを公開しているものがあれば 教えていただきたいです。よろしくお願いいたします。 やりたい事： [フォームA]--------------------- 　お名前：テキスト 　性別：ラジオボタン 　趣味：セレクトボックス 　コメント：テキストエリア 　[コピーボタン]←内容をコピーするボタン -------------------------------- ↓コピーボタンが押されたら↓ [フォームB]--------------------- 　お名前：テキスト 　性別：ラジオボタン 　趣味：セレクトボックス 　コメント：テキストエリア -------------------------------- Aフォームに入力した内容Bフォームに反映される よろしくお願いいたします。

  • 選択によってsubmitボタンの色を変える

    先程関連質問の回答をいただいた者なのですが、ラジオボタンの内容によってsubmitボタンの色を変えるところまで実現したいのですが、東京ならsubmitボタンはピンク、大阪ならsubmitボタンはブルーにしたいと思います。この場合は、submitボタンのところでIF文で分岐させればいいものでしょうか。 <html> <head> <script Language="JavaScript"> <!-- function set( n ) { document.myFORM.Submit.value = document.myFORM.elements[n].value; } // --> </script> </head> <body onLoad="set(0);"> <FORM ACTION="add.cgi" METHOD="POST" name="myFORM"> <INPUT TYPE="RADIO" NAME="Radio" VALUE="東京" onClick="set(0);" STYLE="background-color:pink" checked> <INPUT TYPE="RADIO" NAME="Radio" VALUE="大阪" onClick="set(1);" STYLE="background-color:blue"> <INPUT TYPE="SUBMIT" NAME="Submit" VALUE="★" STYLE="background-color:pink"> </form> </body> </html>

  • submitボタンを二つ用意したい

    textに入力したものを二つのsubmitボタンで共用できるようにしたいと考えています。 作ってみたのですが、思ったように動かずに困っています。 ↓をどのように修正すれば動くでしょうか。 よろしくおねがいします。 <html> <body> <form name="hoge" action="hoge1.php" method="post"> <div class="ok_left"><input name="kw" value="" /> <script type="text/javascript"> <!-- function pushSubmit (val) { with(document.hoge){ if(val=='2'){ action = 'http://hoge.jp/hoge2.php'; } submit(); } } --> </script> <a href="javascript:pushSubmit('1');"><input name="submit1" type="submit" value="1"/></a> <a href="javascript:pushSubmit('2');"><input name="submit2" type="submit" value="2"/></a> </form> </body> </html>

    • ベストアンサー
    • HTML
  • 入力フォームの表示、非表示

    ラジオボタンのオン、オフで入力フォームの表示、非表示ができ、入力フォームのラジオボタンのチェック有り無しの表示もできるようにできるjavascriptが知りたいです。

  • 一つのフォームに二つのsubmitボタンをつけるには？

    PHPで掲示板を作っています。 記事の編集や削除の際、記事番号とパスワードを入力させるのですが、記事番号のテキストボックスとパスワードのテキストボックスはそれぞれ一つずつで、submitボタンを「編集」と「削除」と二つ設置したいと思っています。 イメージは↓こんな感じです。 記事番号[　　]パスワード[　　]＜編集＞＜削除＞ nameで区別すればいいというところまではわかったのですが、どこにnameをつければいいのか？そのnameをどのように受け取ればいいのか？がわかりません。 ボタンを押して飛ぶ先は同じスクリプトで、どっちのボタンを押したかで分岐しようと考えています。 いろいろと調べてみましたが結局わかりませんでした。 ぜひ、ご教示ください。

  • javascriptでのフォーム自動入力について質問です。

    javascriptでのフォーム自動入力について質問です。 プログラム超初心者ですがよろしくお願いします。 ブックマークレットを使ってフォームの自動入力をしたいと思っているのですが、 まず、新規（別）のページから自動入力したいURLに移動して、読み込みが完了したら IDとPASWSWORDを自動入力したいと思っています。 自動入力したいURLを手動で表示してからだと以下のスクリプトでうまくいったのですが・・ javascript:(function (){document.forms[0].CRSRED.value='ID';document.forms[0].CRSBLU.value='PASSWORD';document.forms[0].submit();})(); スクリプトの中にURLを記述して自動でページ移動してから入力する方法がわかりませんでした。 良い方法がありましたら教えていただきたいです。よろしくお願いいたします。 移動したいページは下のページです。 https://contents.nifty.com/member/service/g-way/meijinsen_month/pay/index.html

  • submit

    javascriptを使っているかもしれませんが、https://xxx.com/A　というのがあって、次に、（HTMLの）「ボタン」を押すとそのボタン（No123)選択で「method="post" action="/A/function"」次のページ　https://xxx.com/A/function　に行くようになってます。一般的に、この「method="post" action="/A/function"」では、URLのコマンドラインには、https://xxx.com/A/function　の後ろにどのような書式でsubmitされるのでしょうか？　https://xxx.com/A/function=submit"123　などを試してみたのですが、うまくいきません。もしくは、URLのオプションでなく、別にサーバーにsubmitされているのでしょうか？上記のボタンを押さずに、URLだけで、ページを移動させたいと思っていますがうまくいきません。お教えください。

  • submit()について

    突然ですがアドバイスをお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function aSubmit(){ document.Form1.action='xxxxx'; document.Form1.aaaaa.submit(); } --> </SCRIPT> これで“Form1”内のNAMEが“aaaaa”とついた フォームの値を送信できますよね、 ここで質問なのですが、 例えばNAMEが“aaaaa”のフォームの他に NAMEが“bbbbb”というフォームがあったとして、 “aaaaa”と“bbbbb”の値を同時に送信したいときには、 <SCRIPT LANGUAGE="JavaScript"> <!-- function aSubmit(){ document.Form1.action='xxxxx'; document.Form1.('aaaaa,bbbbb').submit(); } --> </SCRIPT> とこんな書き方でも大丈夫なのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する