すみません、前回の質問で意図がうまく伝わらなかったみたいなので詳しくします。
現在アンケートフォームを動的に作成しています。
プルダウンの値はDBから引っ張るので
今回はJavascriptを使用(プルダウンの作成に関しては)しません。
PHPより1回1回値をとりカテゴリー別(4連続プルダウ運)に値をセットする形になります。
今作成中のものは
<select onChange=onChange=this.form.submit();>
で自モジュールを呼び、プルダウン(4連続)に
DB値をセットしてます。
フォームの情報が出揃ったところで決定ボタンを押し、
フォーム確認モジュールを呼びたいのですが、
<form>タグのアクション先が自モジュールのため
遷移できません。
要は、プルダウン時と決定ボタン押下時の
遷移先を変えたいのです。
これはJavascriptを使用なのでしょうか?
Javascriptは初心者のためなるべく具体的にお願いいたします。
よろしくお願いいたします。
No.4ベストアンサー
- 回答日時:
function myChange() {
this.form.action = "xxxx.cgi";
this.form.submit();
}
function mySubmit() {
this.form.action = "yyyy.cgi";
this.form.submit();
}
------------------------------------------
<select onChange="myChange();>
<input type="button" value="送信" onClick="mySubmit();">
No.3
- 回答日時:
但し、実用的なものを作るのなら、全く様相は変わってきます。
<SCRIPT>
var dat2=[
['東京','千代田区'],
['東京','千代田区'],
・
・
・
['大阪','大阪市'],
['大阪','東大阪市'],
・
・
['沖縄','石垣市']];
var dat1=new Array();
var wk="";
for(var i in dat2){
if(wk!=dat2[i][0]){
dat1.push(dat2[i][0]);
wk==dat2[i][0];
}
}
function mkSelect(name1,name2){
var wkStr='chSelect(this.value,'+name2+');'
document.write('都道府県');
document.write('<SELECT name="'+name1+'" onchange="'+wkStr+'">');
for(var i in dat1){
document.write('<OPTION value="'+dat1[i]+'">'+dat1[i]+'</OPTION>');
}
document.write('</SELECT>');
document.write('都市名');
document.write('<SELECT name="'+name2+'");
document.write('<OPTION></OPTION>');
document.write('</SELECT>');
}
function chSelect(cd,name2){
var wk="";
for(var i in dat2){
if(cd==dat2[i][0]){
wk+='<OPTION value="'+dat2[i][1]+'">'+dat2[i][1]+'</OPTION>';
}
}
}
</SCRIPT>
FORMエレメント内のSELECTを配置したい場所
<SCRIPT>mkSelect('都道府県の項目名','市町村の項目名')</SCRIPT>
これで充分。
dat2の中身は、それこそDBからでも抽出してください。
dat1、dat2ともに外部ファイル化し、内容を全て、DB出力で作ればさらに楽でしょう。
この回答への補足
ご回答、ご忠告ありがとうございます。
いろいろと事情がありまして
大変でございます。
現段階でプルダウンのところは作り終えまして
決定ボタンで遷移するまできております。
今回のはNo2のやり方が妥当だと思いますが、
メソッドがPOSTの場合をお願いします。
これも説明不足でしたね。
No.2
- 回答日時:
では、具体的な回答を。
。<select onChange=onChange=this.form.submit();>
これ、違います(^^;
<select onChange="this.form.submit();">
やるなら、これが正しいです。
その上で・・・
上記の手法でどうしてもやりたいと言う事なら、
以下の手順でよいでしょう。
<SCRIPT>
function submitSelect(obj){
var arg=new Array();
for(var i=0;i<obj.elements.length;i++){
arg.push(obj.elements[i].name+'='+obj.elements[i].value);
}
location.href='SELECT用CGIのURL'+'?'+arg.join('&');
}
</SCRIPT>
<SELECT onChange="submitSelect(this.form);">
これで目的はほぼ、達成できるでしょう。
No.1
- 回答日時:
あなたの作っているアンケートフォームでは、SELECTエレメントの項目を選択するたびに、一々サーバーへアクセスしてしまいます。
それでは利用者に非常なストレスを与えてしまいます。
ユーザー側での画面動作は全てJavaScriptのみで賄って、ユーザーに精神的負担を与えないようにすべきと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1つのページにformを2つ設置。2...
-
submitした値を返したい
-
複数のフォームを一括で自動送...
-
POST時に要素を削除してからPOST
-
formのsubmitイベントの発生に...
-
指定したタグを書き換えるには?
-
javascriptで .jpg , .jpeg , ....
-
別ウィンドウへのsubmitの挙動...
-
タブキーでなくエンターキーで...
-
クライアントマシンからルータ...
-
関数を順番に呼び出したい
-
javascript による POST 送信時...
-
iframe内のformをサブミットす...
-
ページを再読み込み後、再読み...
-
プルダウン 項目が多いので先頭...
-
<input>の選択肢をプルダウンメ...
-
TextBoxに半角数字以外を入れた...
-
【jQuery】input nameの文字列...
-
value内に変数を入れたい
-
二つの入力欄に、同時に同じ文...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
1つのページにformを2つ設置。2...
-
複数のフォームを一括で自動送...
-
Cookieに保存されない
-
別ウィンドウへのsubmitの挙動...
-
submitした値を返したい
-
formのsubmitイベントの発生に...
-
javascriptでASPにデータを渡す
-
フォームが空欄の時にフォーム...
-
focus()が上手くいかない
-
iframe内のformをサブミットす...
-
POST時に要素を削除してからPOST
-
FormのonsubmitでJavaスクリプ...
-
1つのform内に2つのsubmitボタ...
-
JavascriptからSubmitして画面...
-
submitボタン押下後、disabled...
-
添付ファイルの未選択チェック方法
-
enterキーでのtab移動
-
ファイル選択と同時にアップロ...
-
別窓ウィンドウから親ウィンド...
-
Javascript IEで「識別子があり...
おすすめ情報