ベストアンサー

セレクトメニューで選択すると同時に送信（submit）するには？

2007/04/28 14:28

タイトルの通りです。セレクトメニューの項目を選択すると同時にそのformを送信したいのですが可能でしょうか？可能ならばプログラムはどんなかんじになるのでしょうか？

tenketu
お礼率71% (250/348)

HTML
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

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

ベストアンサー

noname#39970

2007/04/28 14:41 回答No.1

javascriptのonChange によって検知する http://www.tohoho-web.com/js/onevent.htm#onXxxx

質問者

お礼 2007/04/28 15:01

JAVAだったんですかあれは。参考ページ見て勉強するとします。ありがとうございました。

その他の回答 (1)

noname#33813

2007/04/29 18:04 回答No.2

＞JAVAだったんですかあれは。 JavaとJavaScriptはまったくの別物です。

関連するQ&A

セレクトメニューセレクトメニューへのジャンプ

こんにちは。セレクトメニューの選択項目に応じて、もう１つのセレクトメニューの内容を変更する方法は大体理解したのですが、さらにもう一つ、＋もう一つ・・・とセレクトメニューの項目をリンクさせて変更することは可能でしょうか？例えば、セレクトメニュー(1)　選択　　↓　ジャンプセレクトメニュー(2)　選択　　↓　ジャンプセレクトメニュー(3)　選択　　↓　ジャンプセレクトメニュー(4)　選択　　↓ 検索用CGI実行　クリックというように選ばれた各項目ごとに次のセレクトメニューにジャンプして項目の変更を行いたいです。参考サンプル等、どなたか情報をお持ちの方がおりましたら、よろしくお願いいたします。
セレクトメニューからもう一つのセレクトメニューを選択したか確認

「ブロック名」のセレクトメニューを選択すると、選択した項目によってもう一つ「部署名」のセレクトメニューが出て選択するようにしました。送信前に「ブロック名」だけでなく、「部署名」も選択したかそうか確認したのですが、どうしでも出来ません。いろいろ試しても出来なくて困っています。ぜひ教えてください。よろしくお願いいたします。 ---------------------------------------------------------------- menuItem =[[" "], ["(2) 部署を選択　","あああ","いいい"], 　　　　　["(2) 部署を選択　","ううう","えええ"], ["(2) 部署を選択　","おおお","かかか"], 　　　　　["(2) 部署を選択　","ききき","くくく"]]; function setMenuItem(n) { len = document.form2.BUSYO.options.length; for (i=0; i<len; i++) { document.form2.BUSYO.options[i] = null; } document.form2.BUSYO.style.visibility = "visible"; for (i=0; i<menuItem[n].length; i++) { document.form2.BUSYO.options[i] = new Option(menuItem[n][i],menuItem[n][i]); } ---------------------------------------------------- <SELECT size="1" name="AREA" onchange="setMenuItem(this.selectedIndex)" style="color : #3d3d3d;"> <OPTION value="0" selected>(1) ブロックを選択　</OPTION> <OPTION value="Ａブロック">Ａブロック</OPTION> <OPTION value="Ｂブロック">Ｂブロック</OPTION> <OPTION value="Ｃブロック">Ｃブロック</OPTION> <OPTION value="Ｄブロック">Ｄブロック</OPTION> </SELECT> <SELECT size="1" name="BUSYO" style="color : #3d3d3d;visibility : hidden;"> <OPTION selected value="0"></OPTION> </SELECT> ---------------------------------------------------------------- 確認用 if(document.form2.AREA.value=="0"){ alert("ブロックを選択してください"); return false; } return true; }
セレクトメニュー選択でもう一つセレクトメニューを出す

「ブロック名」のセレクトメニューを選択すると、選択した項目によってもう一つ「部署名」のセレクトメニューが出て選択するようにしたいと思い、途中まで作成しました。しかし、「ブロック名」を「Ａブロック」選択しても「部署名」が「Ｂトップ～」が出てしまいます。何がおかしいのか分からないので、ぜひ教えてください。よろしくお願いいたします。 menuItem = [　　["Ａトップ","A本部","B本部","C本部"], ["Ｂトップ","1本部","2本部","3本部"], ["Ｃトップ","あ本部","い本部","う本部"], 　　　　　　　　["Ｄトップ","●本部","▲本部","◆本部"] ]; function setMenuItem(n) { len = document.form2.BUSYO.options.length; for (i=0; i<len; i++) { document.form2.BUSYO.options[i] = null; } document.form2.BUSYO.style.visibility = "visible"; for (i=0; i<menuItem[n].length; i++) { document.form2.BUSYO.options[i] = new Option(menuItem[n][i],menuItem[n][i]); } ---------------------------------------------------------------- <SELECT size="1" name="Block" onChange="setMenuItem(this.selectedIndex)"> <OPTION selected value="0">選択してください</OPTION> <OPTION value="a-block">Aブロック</OPTION> <OPTION value="b-block">Bブロック</OPTION> <OPTION value="c-block">Cブロック</OPTION> <OPTION value="d-block">Dブロック</OPTION> </SELECT> <SELECT size="1" name="BUSYO" style="visibility:hidden"> <OPTION selected value="0">選択してください</OPTION> </SELECT>
セレクトメニューの選択項目によって、もう１つのセレクトメニューの項目と項目数を変更する

もう1つのセレクトメニューの項目数が同じタイプのものは、ネット上で見つけられたのですが、項目の数も違うものは見つかりませんでした。たとえば、1つ目のセレクトメニューでAタイプとCタイプを選択すると、2つ目のセレクトメニューでは5項目から選択でき、Bタイプを選択すると、3項目から選択できるという風にしたいです。ご助言お願いします。
セレクトメニューで

セレクトメニューでフレームを使った、複数のセレクトメニューで今の状態だと、上のセレクトメニューは問題ないのですが下のセレクトメニューで選択すると、上のセレクトメニューの「更新」になるだけになってしまいます。要所の所だけ、記載しますので間違ってるところを教えてください。 <script type="text/javascript">  </script> </head> <body> <TABLE border="0"> <TBODY> <TR> <TD><form action="#" name="form1"> <select name="select1" onChange="jump()"> <OPTION>　　メニュー</OPTION> </select> </form></TD> </TR> <TR> <TD><form action="#" name="form2"> <select name="select2" onChange="jump()"> <OPTION>　　メニュー</OPTION> </select> </form></TD>
セレクトメニューで選択不可にする方法ありますか？

テキストエリアの入力不可は、Javascriptできますが、セレクトメニューを選択不可にできません。初期状態でなく、ある条件が他で選択された時、選択不可にしたいのですが、何か方法ございますか？ <form name=test> <SELECT NAME="nengou"> <option value="1">昭和</option> <option value="2">大正</option> <option value="3">明治</option> </SELECT> </form>
ボタンで選択されていないセレクトメニューの非反映

現在JavaScriptを使った、HP上での簡単な見積もりページを製作しています。チェックボックスやラジオボタン、セレクトメニューで選ばれた項目を足して、最終的にテキストボックスに合計金額を出したいと思っています。内容は全く違いますが、画像のような感じで項目などを作りたいと思っております。その時に、ラジオボタンでチェックされていないセレクトメニューは選択（計算に反映）されないようにしたいのです。（「プラスチック丸型編み込み」等が選択されている時は、「蓋付きのボックス」や「蓋付きバスケット」のセレクトメニューは選択されないようにしたいのです。）自分の作ったものでは、「色を選択」の時点では０に設定してあるのですが、「蓋付きのボックス」のセレクトメニューが他のものを選択していた場合、それが反映されてしまうのです。計算させるだけならできるのですが、選択されないようにする方法がわからなくて困っております。拙い文章で申し訳ないのですが、どなたか教えてくださらないでしょうか？
FORMで、セレクトメニューで選択してボタンを押すとリンク

ホームページの話です。 FORMで、セレクトメニューを作ります。選択して、ボタンをクリックすることにより、新しいウィンドウに、指定した大きさでリンクを開くようにするにはどのようにしたらいいのですか？よろしくお願いします。
Javascriptでセレクトメニューの選択チェックの方法

Javascriptでセレクトメニューのフォームをチェックしたいのですが、リストメニューの「選択して下さい」を選んだままだと、「番号を選択して下さい。」とエラーを出したいのですが、下記の様に書いてみたのですが、うまく動きません…どのように書けばいいか教えて下さい。宜しくお願いします。 <script language=＼"JavaScript＼">  </script> <form id="form" name="form" method="post" action="##"> <select name="a" onblur="Check();"> <option value="0">選択して下さい</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> <input type="submit" name="Submit" value="登録" onClick="Check();"> </form>
セレクトメニューを4つ使いたいのですが

セレクトメニューを4つ使いたいのですが 1つだけのセレクトメニューは、探せば見つかるのですが 4つともなると、見つかりません。イメージとして左フレームに色選択柄選択イメージ選択価格の選択のセレクトメニューを使いたいのですが・・・どなたか、回答お願いします。
セレクトメニューで複数選択した値をpost送信する

セレクトメニューで下のように、「multiple」を使えばカテゴリＡ～カテゴリＤまでを全て選択する事ができますが、 <form method="post" action="test.php"> <select multiple name="category"> <option value="category_a">カテゴリA</option> <option value="category_b">カテゴリB</option> <option value="category_c">カテゴリC</option> <option value="category_d">カテゴリD</option> </select> </form> そうではなくて、下のように「すべてのカテゴリ」という項目を作って、カテゴリＡ～カテゴリＤまでの値をPOST送信したいのですが、どのように記述すればよいのか四苦八苦しております。 <form method="post" action="test.php"> <select name="category"> <option value="？">すべてのカテゴリ</option>⇒この部分が解らない箇所です。 <option value="category_a">カテゴリA</option> <option value="category_b">カテゴリB</option> <option value="category_c">カテゴリC</option> <option value="category_d">カテゴリD</option> </select> </form> 色々調べてみたのですが、ないものですね。私の勉強不足だとは思いますが、どなたかご助言の程よろしくお願い致します。
複数のセレクトメニューを制御するとき・・・

どなたかお手すきでしたら、稚拙な質問にお付き合いお願い致します。ネットで探した方法で、セレクトメニュー１の項目を選択したときにセレクトメニュー２の項目を変化させる制御をしています。このフォームでDBにvalue値（1,2など数値で）を送信するようにしたいのですがこの方法ですとセレクトメニュー２のvalue値が0（NULL）となってしまい上手く送信できません。配列に文字列を入れていますし、DBの型をintにしているので0になってしまっていると思うのですが、文字列としては送信したくはありません。どのような方法でしたら文字列ではなく、上手くvalueに数値を入れることが出来るでしょうか。どうかよろしくおねがいします。以下使用しているコードです。 <html> <head> <title>テストテスト</title> <script language="JavaScript"></script> </head> <body> <form name="aaa"> <select name="Maker" onChange="setMenuItem(this.selectedIndex)"> <option value="" selected>--- 選択してください ---</option> <option value="1">ひとつ</option> <option value="2">ふたつ</option> <option value="3">みっつ</option> <option value="4">よっつ</option> </select> <select name="bbb"> <option value="" selected>--- 選択してください ---</option> </select> </form> </body> </html>
セレクトボックスの「選択してください」選択しても、未選択として扱いたい

メールフォームを作成しています。 CGIのメールプログラムを使って、セレクトボックス「A」を必須入力項目としたのですが、一番上のものが「選択されている」とみなされてしまい、改めて選択しなくても、メールが送信できてしまいます。 <select name="A"> <option value="選択してください"> 選択してください</option> <option valui="1">1</option> <option valui="2">2</option> <option valui="3">3</option> <option valui="4">4</option> </select> どうしたらいいでしょうか。助けて下さる方、お待ちしております。
ふたつのセレクトメニューの項目を外部ファイルから読み込ませて連動させたい。

はじめまして。質問させてください。セレクトメニューを選択するときにたとえば、左のセレクトメニューに巨人を選択すると右のセレクトメニューには巨人の選手を選択する項目になり、左のセレクトメニューから阪神と選ぶと、右のセレクトメニューの項目が阪神の選手の項目になるように左のセレクトメニューのと右のセレクトメニューを連動させたいです。また、そのときのセレクトメニューの項目を外部ファイルから読み込ませたいのですが、（javascriptを知らない人でも項目を変更できるように）たとえば、ここのサイトのようにhttp://www.kyoto-su.ac.jp/~ushitaki/JavaScriptExample/introselect2.html 左のメニューの項目を選んだら、右の項目は左の項目にそった選択肢になるという形にしたいのです。この場合どのようなやり方がありますでしょうか。ご教授のほどよろしくお願いいたします。また、似たようなセレクトメニューがあるＵＲＬをご存知の方がいたら教えてください。よろしくお願いいたします。
select onChange= hidden

おそれいります。セレクトメニューを選択した際に、自動でsubmitするように、 <select name="xxxx" onChange="this.form.submit()>を使っているのですが、送信される時にhiddenの情報も同時に送信したいのですが、なかなかうまくいきません。 <input type="hidden" name="ccccc" value="kkkkk">を、select内に入れても外に入れても無理でした。方法お分かりの方がいらっしゃったら、是非御教授いただきたいのですが、宜しくお願いします。
セレクトメニューについて

ＨＴＭＬでフォームを作っています。セレクトメニュー（クリックするとメニューが出てきて一つ選ぶやつ）がいくらかあります。前のセレクトメニューの選ばれたものによって、次のセレクトメニューの選択肢を変更するにはどうすればよいのでしょうか？ｃｇｉの実行も可能です。御願いします。
ホームページのセレクトメニューについて

お世話になります。 HPでプルダウンメニューのセレクト画面を、選択した瞬間に、ページが変わるようにしてみたいと思っているのですが、どのようにすればよろしいのでしょうか。普通にセレクト画面を選択して、フォームの送信ボタン等をクリックすれば、ページの変化は出来るのですけれども、この様な方法もやってみたいと思っています。よろしくお願いいたします。
セレクトボックスの選択項目を変える

セレクトボックスの選択項目を変えるにはどうすればいいですか？ <FORM action=./ method=post> <SELECT name=server> <OPTION value=2 selected>2</OPTION> <OPTION value=3>3</OPTION> <OPTION value=4>4</OPTION> </SELECT> </FORM> こういうフォーム（FORMやOPTIONにnameがない）で [4]を選択したいですこのフォームを書き換えないで(スクリプトでの書き換えなら○) どうにか変えることはできないでしょうか？ IEのみの対応でいいので、お願いします
セレクトメニューで選択された項目に応じて、別のセレクトメニューの内容を変更する場合について

アドバイスお願いします。ページロード時、最初ののセレクトメニューは「国を選択してください」が選択された状態となりますが、次のセレクトメニューが空白になってしまいます。これを最初のメニューと同じく「国を選択してください」と表示させるには、どうしたらよろしいでしょうか？【HTML】 <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript</title> <link rel="stylesheet" type="text/css" href="main.css" media="all"> <script type="text/javascript" src="main.js"></script> </head> <body> <form action="./enq.cgi" method="get" id="mainForm" name="mainForm"> <select id="selMain"> <option value="">国を選択してください</option> <option value="jp">日本</option> <option value="usa">アメリカ</option> </select> <select id="selSub">国を選択してください</select> </form> </body> </html> 【main.js】 window.onload = function(){ document.getElementById("selMain").onchange = function(){ var selNo = this.selectedIndex; var selObj = document.getElementById("selSub"); var optionData = [[ ],[ { text:"東京", value:"tokyo"}, { text:"大阪", value:"osaka"}, { text:"名古屋", value:"nagoya"} ],[ { text:"ニューヨーク", value:"ny"}, { text:"ロサンゼルス", value:"la"} ] ]; while(selObj.hasChildNodes()) { selObj.removeChild(selObj.firstChild); } for (var i=0; i<optionData[selNo].length; i++){ selObj.options[i] = new Option(optionData[selNo][i].text, optionData[selNo][i].value); } } } また、質問にありますようなセレクトメニューを実装する場合、JavaScriptとAJAX、どちらが適したものと言えるのでしょうか？
セレクトメニューについて

セレクトメニュー項目をユーザーに自由に追加してもらうようにするにはどうしたらいいのでしょうか？

セレクトメニューで選択すると同時に送信（submit）するには？

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

お礼 2007/04/28 15:01

その他の回答 (1)

関連するQ&A

セレクトメニューセレクトメニューへのジャンプ

セレクトメニューからもう一つのセレクトメニューを選択したか確認

セレクトメニュー選択でもう一つセレクトメニューを出す

セレクトメニューの選択項目によって、もう１つのセレクトメニューの項目と項目数を変更する

セレクトメニューで

セレクトメニューで選択不可にする方法ありますか？

ボタンで選択されていないセレクトメニューの非反映

FORMで、セレクトメニューで選択してボタンを押すとリンク

Javascriptでセレクトメニューの選択チェックの方法

セレクトメニューを4つ使いたいのですが

セレクトメニューで複数選択した値をpost送信する

複数のセレクトメニューを制御するとき・・・

セレクトボックスの「選択してください」選択しても、未選択として扱いたい

ふたつのセレクトメニューの項目を外部ファイルから読み込ませて連動させたい。

select onChange= hidden

セレクトメニューについて

ホームページのセレクトメニューについて

セレクトボックスの選択項目を変える

セレクトメニューで選択された項目に応じて、別のセレクトメニューの内容を変更する場合について

セレクトメニューについて

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

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

セレクトメニューで選択すると同時に送信（submit）するには？

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

お礼 2007/04/28 15:01

その他の回答 (1)

関連するQ&A

セレクトメニューセレクトメニューへのジャンプ

セレクトメニューからもう一つのセレクトメニューを選択したか確認

セレクトメニュー選択でもう一つセレクトメニューを出す

セレクトメニューの選択項目によって、もう１つのセレクトメニューの項目と項目数を変更する

セレクトメニューで

セレクトメニューで選択不可にする方法ありますか？

ボタンで選択されていないセレクトメニューの非反映

FORMで、セレクトメニューで選択してボタンを押すとリンク

Javascriptでセレクトメニューの選択チェックの方法

セレクトメニューを4つ使いたいのですが

セレクトメニューで複数選択した値をpost送信する

複数のセレクトメニューを制御するとき・・・

セレクトボックスの「選択してください」選択しても、未選択として扱いたい

ふたつのセレクトメニューの項目を外部ファイルから読み込ませて連動させたい。

select onChange= hidden

セレクトメニューについて

ホームページのセレクトメニューについて

セレクトボックスの選択項目を変える

セレクトメニューで選択された項目に応じて、別のセレクトメニューの内容を変更する場合について

セレクトメニューについて

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

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

カテゴリ
一覧

専門家に質問してみよう
専門家登録