- ベストアンサー
Java scriptのonchangeについて
HTML＆PHPで動的にアンケートフォームを作成しているものです。 都道府県、県庁所在地をプルダウンで選択したいと思っております。 「onChange=onChange=this.form.submit();」 だと、<form>のアクション先へ飛ぶことになります。 プルダウン選択を変えるとアンケートのデータが揃うまで同じモジュールに飛ばしたいと考えています。 決定ボタンで次のモジュールへ遷移させる方法はございますか？
- fm0606
- お礼率13% (100/761)
- JavaScript
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
JavaScriptでということであれば、 http://www.usagi-js.com/sample/jssample5.htm のサンプル４９ OKWEBならば、 http://personal.okwave.jp/kotaeru.php3?q=1418523 あたりを参考にしてみてください。 でも、JavaScriptだと、DBからの読み込みとかは、できなかったと 思いますが。
その他の回答 (2)
＞よくアンケートのフォームの住所欄で ＞都道府県（例：大阪）と選択すると ＞県庁所在地（例：大阪市、東大阪市・・・）とDBから ＞ひっぱてきて同じフォームに戻るというものを ＞作成したいです。 何かポップウインドウが表示されるタイプでしょうか？ それとも上から順番に指定するとプルダウンメニューが変化するタイプ？ …もう少し具体的にお願いします。 [オフトピ] ＞もし上記Javaが可能でしたら具体的ソースもお願いします。 Java と JavaScript は全く別物です。JavaScript を省略表記するならば JS です。 間違えて使ってるとどうなるか分かりませんよ。お気をつけください。
- kokorone
- ベストアンサー率38% (417/1093)
onChange=form_check(); function form_check() { if(全項目記入済み) { this.form.submit(); } } ということでしょうか？
関連するQ&A
- Java scriptのonchangeについて 続
すみません、前回の質問で意図がうまく伝わらなかったみたいなので詳しくします。 現在アンケートフォームを動的に作成しています。 プルダウンの値はDBから引っ張るので 今回はJavascriptを使用（プルダウンの作成に関しては）しません。 PHPより１回1回値をとりカテゴリー別（4連続プルダウ運）に値をセットする形になります。 今作成中のものは <select onChange=onChange=this.form.submit();> で自モジュールを呼び、プルダウン（4連続）に DB値をセットしてます。 フォームの情報が出揃ったところで決定ボタンを押し、 フォーム確認モジュールを呼びたいのですが、 <form>タグのアクション先が自モジュールのため 遷移できません。 要は、プルダウン時と決定ボタン押下時の 遷移先を変えたいのです。 これはJavascriptを使用なのでしょうか？ Javascriptは初心者のためなるべく具体的にお願いいたします。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- form 内 onChange
恐れいります。 <form>内で、もう一つ<form>を作成し、送信したいのですが、 なかなかうまくいきません。form内のformは、selectボックスで、選択時に自ページにsubmitさせるようにしたいのですが。。 <form action="./xxx.cgi" method="POST"> <input type="text" name="xxx"> <form action="./" method="POST"> <select name="YYY" onChange="this.form.submit()"> <option value="ddd">ddd <option value="eee">eee </select></form> <input type="text" name="xxx"> <input type="submit" value="送信"> </form> よろしくお願いします。
- ベストアンサー
- HTML
- select onChange= hidden
おそれいります。 セレクトメニューを選択した際に、自動でsubmitするように、 <select name="xxxx" onChange="this.form.submit()>を使っているのですが、 送信される時にhiddenの情報も同時に送信したいのですが、なかなかうまくいきません。 <input type="hidden" name="ccccc" value="kkkkk">を、select内に入れても外に入れても無理でした。方法お分かりの方がいらっしゃったら、是非御教授いただきたいのですが、宜しくお願いします。
- ベストアンサー
- HTML
- プルダウン 値保持 onchange
失礼します、現在年月のプルダウンを作成しており プルダウン自体は年月の作成ができなのですが再読み込みした際に プルダウンに選択した値を保持して欲しいです。 現在リダイレクト先を自身にしております。また、onChangeでプルダウンをした際に読み込むようにしています。 ご教授頂きたいです。宜しくお願い致します。 htmlに埋め込んでいるので読みにくいかと思いますがご了承ください <form action="<?php $self ?>" method="POST"> <select name = "year" onChange="javascript:submit()"> <?php for ($y = 2000; $y < date(Y)+1; $y++) :?> <?php if($s == 0) : ?> <option value="<?php echo $y ?>">選択してください</option>; <?php ++$s ?> <?php endif; ?> <option value="<?php echo $y ?>"><?php echo $y ?></option> <?php endfor; ?> </select> <?php $a = array('1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'); ?> <select name = "month" onChange="javascript:submit()"> <?php foreach ($a as $key => $value) :?> <?php $b = $key + 1 ?> <?php if($h == 0) : ?> <option value="<?php echo $y ?>">選択してください</option> <?php ++$h ?> <?php endif; ?> <option value="<?php echo $b ?>"><?php echo $value ?></option> <?php endforeach; ?> </select> </form>
- ベストアンサー
- PHP
- 連動フォーム、値の送信方法について教えて下さい
http://d.hatena.ne.jp/Mug/20060414/1145023696 上記を参考にさせて頂いています。 HTMLソースのフォーム部分を、下記のように変更。 <form action="result.php" method="post" name="fname"> 都道府県:<select id="sb1" name="s1" onchange="box2.make(this.value);"></select><br /> 市町村:<select id="sb2" name="s2"></select><br /> <input type="submit" name="" value="送信"> </form> result.phpの内容は以下です。 <?php extract($_POST); print_r($_POST); ?> s1,s2の内容は確認出来ますが、プルダウンの選択肢(例えば"神奈川"、"横浜市")の文字列をresult.phpに受け渡したいのですが、知識不足で解決出来ません。 どの様にしたら文字列(東京、神奈川など)をhtmlのフォームからresult.phpに受け渡す事が出来ますか？
- ベストアンサー
- JavaScript
- ジャバスクリプト
ご質問させていただきます。 私は、下記のプログラムをＨＴＭＬソースの中に組み込みました。 <HTML> <HEAD> <META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=shift_jis"> <center> </HEAD> <BODY TEXT="#000000" BACKGROUND="background.jpg"> <FORM NAME="Form1" ACTION="mailto:3d1724@jcom.home.ne.jp/" METHOD="post" ENCTYPE="text/plain" onSubmit="location.href='thankyou.htm'"> <TABLE> <TR> <TD>貴サイトの内容説明</TD> <TD><INPUT TYPE="text" SIZE="90" ID="customer" NAME="customer"></TD> </TR> <TR> <TD>メッセージ</TD> <TD><TEXTAREA NAME="body" ROWS="7" COLS="70"></TEXTAREA> </TD> </TR> </TABLE> <BR><INPUT CLASS="submit" TYPE="submit" VALUE=" 送信 "> <INPUT TYPE="reset" VALUE=" クリア "></FORM> </BODY> </HTML> このプログラムを利用して、 送信ボタンをクリックした時にフォームが送られたことを示すページを表示させたいのです。ですが、この状態では表示されません。 表示方法を教えていただけないでしょうか。初心者ですので(難しくない説明を）お願いできればと思います。よろしく、お願いします。
- ベストアンサー
- ホームページ作成ソフト
- 2度押し防止機能を使いたい
スマートフォン向けホームページを作っています。 【1】 下記のjavascript では「送信ボタンの2度押しを防止」することが出来ます。 <script> function DisableButton(b) { b.disabled = true; b.value = 'Submitting'; b.form.submit(); } </script> <form action="abc.cgi" method="post""> <select name="volume"> <option selected="selected">下記から選択</option> <option>100</option> <option>200</option> <option>300</option> <input type="submit" name="SubmitButton" id="SubmitButton" value="Submit" onclick="DisableButton(this);" /> </form> ************************************** 【2】 一方、下記のフォームでは、100,200,300のいずれかを選んだ瞬間にFormアクションが開始されます。(Submitボタンが不要です) <form action="abc.cgi" method="post" name="form1"> <select name="volume" onChange="this.form.submit() "> <option selected="selected">下記から選択</option> <option>100</option> <option>200</option> <option>300</option> </form> **************************************** 私は、「Submitボタンが不要」な【2】をベースにホームページを作りたいと考えています。 【2】の問題点 【2】を通信回線が悪い場所（スマートフォンの3G回線地域など)で使用した場合、100を選択した直後に200を続けて選択すると、100+200の合計300個を購入出来てしまいます。 ●やりたいこと 一度100を選んだら、その直後に200を選んでも2回目に選んだ200は無効になるようにしたい（100しか購入できない)と考えています。 そこで、【1】のjavascriptと組み合わせようとしたのですが、うまくいきません。 (従来同様100+200が出来てしまいます) 悪い例 <script> function DisableButton(b) { b.disabled = true; b.value = 'Submitting'; b.form.submit(); } </script> <form action="abc.cgi" method="post" name="form1"> <select name="volume" onChange="this.form.submit()" onChange="DisableButton(this);"> <option selected="selected">下記から選択</option> <option>100</option> <option>200</option> <option>300</option> </form> 【質問】 【2】をベースに2度選択を無効にするためにはどうすればいいかアドバイスをお願いいたします。
- ベストアンサー
- JavaScript
- 複数 selectフォームから今回onchangeで変更した項目を知りたい
phpプログラムで、画面上にある複数のselectフォームを使用してselectフォームの内容が選択されれば、selectフォームの値を取得してデータの 抽出を行い、選択された内容の表示を行なおうと思っています。 onChange='submit()' で選択された内容をpostで受け取って再表示を行い、項目にあったデータを取り出すことは出来てますが、直近に変更された項目が何か（どのselectフォームの内容（年度、組織、社員及び商品の項目）が変更されたのか？）を知りたいのですが、いい方法を教えていただけないでしょうか？ よろしくお願いします。 sample.phpの内容 <?php $nen = $_POST['nend']; $sosi = $_POST['so']; $syin = $_POST['sa']; ?> <html> <body> <form action="sample.php" method="post"> <select name='nend' onChange='submit();'> <option value=2007 selected>2008</option> <option value=2006>2007</option> <option value=2005>2006</option> </select> <select name='so' onChange='submit();'> <option value=0 selected>全社</option> <option value=01 >本社</option> <option value=02 >Ａ支店</option> <option value=03 >Ｂ支店</option> </select> <select name='sa' onChange='submit();'> <option value=0 selected>社員</option> <option value=1 >田中</option> <option value=2 >佐藤</option> <option value=3 >鈴木</option> </select> <select name='sy' onChange='submit();'> <option value=0 selected>商品</option> <option value=1 >Ａ商品</option> <option value=2 >Ｂ商品</option> <option value=3 >Ｃ商品</option> </select> </form> </body> </html>
- ベストアンサー
- PHP
- ラジオボタンとonchange
質問が２つあります。 １、下記が正常に動きません。どこがおかしいのでしょう・・ (^^; ２、下記のような内容で、選択肢が増えた時に、もっと簡単に書く方法が知りたい。 <script Language="JavaScript"><!-- function set() { uriage = document.main.売上.value; omake = document.main.クーポン使用.value; if(document.main.クーポン.value = 1) {document.main.料金.value = uriage ;} else if(document.main.クーポン.value = 2) {document.main.料金.value = uriage-omake ;} } // --> </script> <FORM name="main" ACTION="★" METHOD="POST"> <INPUT TYPE="HIDDEN" NAME="売上" SIZE="-1" VALUE="1500"> <INPUT TYPE="HIDDEN" NAME="クーポン使用" SIZE="-1" VALUE="750"> <INPUT TYPE="RADIO" NAME="クーポン" VALUE="1" onChange="set(this)">クーポン使用しない<BR> <INPUT TYPE="RADIO" NAME="クーポン" VALUE="2" onChange="set(this)">使用する<BR> <P> <INPUT TYPE="TEXT" NAME="料金" SIZE="12"> <INPUT TYPE="SUBMIT" NAME="SUBMIT_BUTTON" VALUE="送信"></TD> </form>
- ベストアンサー
- JavaScript
- onChangeだと思うのですが・・・
<FORM> <SELECT> <OPTION selected>タイトル</OPTION> <OPTION>タイトル2</OPTION> <OPTION>タイトル3</OPTION> </SELECT> <input type="button" value="ボタン" onClick="location.href='mailto:xxx@xxx?subject=タイトル'"> </FORM> セレクトの選択に合わせてメールのタイトルを変えたいのですが うまくいきません。 onChangeを使うとフォームの値としては取得はできますが・・・ 上記のような場合はどうすればよいのでしょうか？ 教えてください。よろしくおねがいします。 仕事の関係で至急作らなくてはいけなくなりまして、 困っています。
- ベストアンサー
- JavaScript
補足
ありがとございます。 すみません、あまりJavascriptのことはよくわからないのですが。 よくアンケートのフォームの住所欄で 都道府県（例：大阪）と選択すると 県庁所在地（例：大阪市、東大阪市・・・）とDBから ひっぱてきて同じフォームに戻るというものを 作成したいです。 もし上記Javaが可能でしたら具体的ソースもお願いします。