このページは福井県立大学の田中求之が2006年1月まで運用していた Mac のサーバ運用に関する会議室 「Web Scripter's Meeting」の記録です。情報が古くなっている可能性がありますのでご注意ください。

一つのフォームの中にsubmitボタンを2個つくりたい。

発言者:いのうえ
( Date Friday, July 31, 1998 11:27:33 )


一つのフォームにsubmitいくつかのボタンを作って、各ボタンは入力されたデータを持ったままいろいろなページに飛ぶ事は可能ですか?
あとHTMLでも出来ますか?方法を教えて下さい。

   ボタン   データ        飛ぶ先
例: @     あ    →  ヤフーの検索ページ
     A    同上   →  goo



山本修司 さんからのコメント
( Friday, July 31, 1998 19:06:51 )

JavaScriptを使ってもよければ、以下のような方法があります。
入力用フォームにはテキスト欄だけ、Yahoo!とGooなど、必要な分の
フォームを作り、フォーマットを整えます。
ポイントは、それぞれのボタンを押すと、入力用フォームの内容をそれぞれの
フィールドにコピーしてから検索リクエストをするというところです。

<head><title>SearchTest</title>
<script>

  function copyWord(FormNum){
    document.forms[FormNum].elements[0].value = document.forms[0].KEYWORD.value;
    //最初のフォームのテキストを、指定されたフォームの最初の要素に代入する。
  }
  
</script>
</head>
<body>

<FORM NAME="WordInput" onSubmit="return searchYahoo()">
<INPUT TYPE="TEXT" NAME="KEYWORD" VALUE="キーワード">
</FORM>

<!-- Yahoo!用のフォーム -->
<FORM  NAME="YAHOO" ACTION="http://search.yahoo.co.jp/bin/search" onSubmit="return copyWord(1)">
<INPUT TYPE="hidden" NAME="p" VALUE="">
<INPUT TYPE="SUBMIT" VALUE="Yahoo!">
</FORM>

<!-- Goo用のフォーム -->
<FORM action="http://www.goo.ne.jp/" Name="query" onSubmit="return copyWord(2)">
<INPUT type=hidden name="MT" value="" size=42>

<INPUT TYPE="HIDDEN" NAME="url1" VALUE="/title.html">
<INPUT TYPE="HIDDEN" NAME="url2" VALUE="http://www.goo.ne.jp/">
<INPUT TYPE="HIDDEN" NAME="opt" VALUE="3">
<INPUT TYPE="hidden" NAME="_v" VALUE="2">
<INPUT TYPE="hidden" NAME="DC" VALUE="25">
<INPUT TYPE="hidden" NAME="DE" VALUE="2">

<INPUT TYPE="SUBMIT" VALUE="Goo" NAME="search">
</FORM>

</body>

いかがでしょうか。
実際に、自分のページにもつけてみました。


→  R-BOX

田中求之 さんからのコメント
( Monday, August 03, 1998 15:03:29 )

HTML ではできないはずです(ですよね?>くわしいかた)