• ベストアンサー

Form内の画像ボタンによって、内容を変化させるには?

FORM内に 二つのイメージボタンを置きました。 それぞれのボタンを押すことによって、 引き渡す、特定の変数の値を変更したいです。 イメージボタンを押した時点で次のcgiに飛ばしたいです。 飛び先は一緒で、 他のチェックボックス等の変数データは、共用で 引き渡したいです。 やり方を教えて下さい。 よろしくお願いいたします。

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

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.2

<HEAD>領域内  <SCRIPT language="JavaScript"><!--   function mySubmit(obj) {     if (obj.name == 'btn1') {       form1.hdn.value = 'xxx';     } else if (obj.name == 'btn2') {       form1.hdn.value = 'ooo';     }     form1.submit();   }  //--></SCRIPT> <FORM>領域内  <INPUT type="hidden" name="hdn"><!-- ←押したボタンで値が変わる -->  <INPUT type="image" name="btn1" ・・・ onClick="mySubmit(this);">  <INPUT type="image" name="btn2" ・・・ onClick="mySubmit(this);"> こんな感じでどうでしょう。

pion16
質問者

お礼

大変分かりやすく書いていただき有難うございました。 imageだと、xとか、yの情報も送るんですね。 いろいろと活用できそうですね おかげさまで、完成いたしました。

その他の回答 (1)

  • kuro_73
  • ベストアンサー率28% (33/117)
回答No.1

こんなかんじでいかがですか? <SCRIPT Language="JavaScript"> function func(n){ if(n==1)document.forms['fm1'].param.value="AAA"; if(n==2)document.forms['fm1'].param.value="BBB"; document.forms['fm1'].submit(); } </SCRIPT> <FORM name="fm1"> <INPUT type="hidden" name="param"> <INPUT type="hidden" name="param2" value="共用"> <INPUT type="button" onClick="func(1)"> <INPUT type="button" onClick="func(2)"> </FORM>

pion16
質問者

お礼

有難うございました。おかげさまでやりたかった内容を作成することが出来ました。

関連するQ&A

  • <form method=post action="***.cgi">~</form>の場所は?

    CGIでデータを受け渡しするアンケートを作っています。html中に書く<form method=post action="***.cgi">~</form>“~”の場所についてですが質問項目を全て挟まなくてはいけませんか?実は、チェックボックスの「最大2つまで回答可」という部分をJavascriptでチェック個数を超えてチェックした時点でアラートが出るようにしてます。その記述中にすでに<form>~</form>タグを制限をかけたい質問に置いているので、質問全体を<form method=post action="***.cgi">~</form>でくくると入れ子になってしまいます。大丈夫ですか?

    • ベストアンサー
    • CGI
  • Form1にForm2のデータを追記したい

    いつも大変参考にさせていただいております。 今いじっているページについて質問なのですが Form1とForm2があり、それぞれ別のデータが入っているのですが、 Form1のデータの後ろにForm2のデータを追記して、送信したいと考えております。 Form1 + Form2 ⇒ ○○○.cgi という、イメージです。 出来ればボタンを押すとForm2のデータがForm1に移り、「送信」ボタンを押すと一つになったデータが違うファイルに送信されるようにしたいのです。 可能でしょか??どうぞ宜しくお願いいたします。

  • 【JavaScript】ラジオボタンにより、formのaction内容

    【JavaScript】ラジオボタンにより、formのaction内容を変更したいのですが・・・。 どのラジオボタン(ここでは『A』と『B』とします)をチェックされたかにより、 <form action="(ここの部分)"> (ここの部分)と書かれたformのactionの内容を変えたいのです。 例) 『A』のラジオボタンをチェック → <form action="a.php">になる 『B』のラジオボタンをチェック → <form action="b.php">になる このようにしたいのです。 どうかよろしくお願いします。

  • 異なるformで同一のnameは使用できる??

    1つのHTML内で使用する form~/form が2回あるとします。(formA, formBがあるとします) この場合に、formAで使用した name の名前をもう片方のformBで使用しても問題はありませんか? name="aa"のテキストboxと、value="表示"のSUBMITボタンを持つ form が2個あり、かつ どちらのボタンを押しても同じCGIを呼び出す場合、 B側のボタンを押すときにCGI側で受け取る aaの値は、 B側のテキストboxに入力した値になるのでしょうか?? 質問内容がわかりにくいかとは、思いますが、よろしくお願いします。

    • ベストアンサー
    • CGI
  • Form間の値の渡し方

    1つのForm上のコマンドボタンで別のFormを表示、そこで変数に値を入れ、そのFormを閉じ、元のFormでその変数を使いたいのですが、どうもうまくいきません。 実施したやり方は、一方のFormの宣言領域で、”Public abc As String”を宣言、両方のFormの(変数に値を入れた方と変数を使う方の)プロシージャーの宣言では引数として(abc As String)と記述しました。 因みに、両プロシージャーともイベントプロシージャーです。何か基本的なことができていないのだとは思いますが、どなたか教えていただけませんか?よろしくお願いします。

  • Formの値が変更されたかどうかを知るには?

    Formの項目の多い画面がありまして、更新ボタンを押した際に DBに対してすべての項目を更新します。 なにも値が変更されていなくても更新ボタンが押されると 更新処理が走ってしまうので Formの項目が1つでも 更新されたときだけ 更新処理をはしらせようと思っています。 JavaScriptでForm(テキストボックス・ラジオボタン・・・) が変更されたことを簡単に判断できる方法を是非 おしえていただきたいのですが。 よろしくお願いします。

  • form の target(

    form タグに オプションとして存在する target に関してです。 form method="POST" action="***.cgi" target="new" と記述すればsubmit実行時に結果を別ウィンドウに転送します ここまではいいのでが・・・・ submitボタンが複数ある場合(ボタンによって処理が違う) ボタンによって、このボタンは新しいウィンドウを開くが、 このボタンは開かない(同一ウィンドウ内に結果表示する) というように設定することはできますか? CGIとJavaSCRIPTの利用は可能です。 やはり別の form を立てるしかないのでしょうか? (cgiに渡す値が大量なため一つのformで実現したいとおもっています)

    • ベストアンサー
    • HTML
  • 1つのテキストボックスを、2つのボタンで利用したいのです。

    ASP初心者です。 宜しくお願いします。 1つの画面に 1.「検索ボタン」 2.「EXCEL出力」ボタン 3.「テキストボックス1」 4.「テキストボックス2」 を作成しました。 「検索ボタン」を押下した時も「EXCEL出力ボタン」を押下した時も、 テキストボックス1と2に入力された値を利用するにはどのようにしたら良いのでしょうか? (テキストボックスへ入力された値は、DBへの問い合わせの際のwhere句指定で使用します。) ボタンが1つだけの時は<form>~</from>の間に、テキストボックスの記述を行い、 受け側ではRequest.Formで値を取得する事ができたのですが、 テキストボックスを共用しようとした途端、分からなくなってしまいました。 有識者の皆様、よろしくお願い致します。

  • Form2の変数をForm1に渡す方法について

    Form2の変数をForm1に渡す方法について Form2もForm1もPublicで宣言しているのですが、値の受け渡しができません。 具体的に説明しますと、Form2のデザイナでTrackbarを設け、 そのTrackbar1の値をForm1のTB1に格納したいです。 今Form2のボタンクリックイベントの中に 「Form1.TB1 = Trackbar1.Value.ToString()」 としているのですが、『Form1.TB1はPrivateであるため、このコンテキストではアクセスできません。』と表示されてしまいます。 Form1の中にはいくつかPartial Publicを使って関数をいくつか作成しています。これが何か邪魔をしたりすることはあるのでしょうか? 原因が全くわからないので、どうかよろしくお願いします。

  • <form>タグに2つのボタン

    <form>タグで2つのボタンを表示させ、以下のようにそれぞれのボタンで フィールドに別の値を入れて送信させることはできますでしょうか? できればHTMLで、できなければJavaScriptでできますでしょうか? ・button1を押したときは  フィールド「CASE」に1を入れて送信、  HTMLで書くと、<input type="hideen" name="CASE" value="1"> ・button2を押したときは  フィールド「CASE」に2を入れて送信、  HTMLで書くと、<input type="hideen" name="CASE" value="2"> ===== HTML ====================== <form action="test.cgi" method="post"> <input type="text" name="text1"> <input type="submit" value="button1"> <input type="submit" value="button2"> </form> 宜しくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう