問答収集 カテゴリ:JavaScriptプログラミング
現在のスレッド一覧 / 新規に質問を投稿
レス数:3 / 状態:未解決 / No:4 / ATOM
1 名前:さぼてん 日付:2014/04/03(木)13:02:09 ID:5/GWklm0yARo
見積もりフォームのページを編集しています。他の方が作られたページを編集しているので詳細は分からないのですが、1つのフォーム内に選択する項目がいくつかあります。その中にあるプルダウンメニューでどちらを選んだかで見積もり後自動で送信されるメールの文章を変更したいです。 

プルダウンの項目をaとbの2つ、送るメール本文のデータが入っているファイルをそれぞれa.php、b.phpとします。 
現在はどちらを選んでも共通のメールが送られるようになっています。 

メールを送信するjavascriptが 


function validate_confirm() 

if (isClientType()) 

document.frmSubmit.action = "メール本文へのアドレス.php"; 
return true; 

else 

return false; 



となっています。 

プルダウンメニューは 

<select name="translationservices" onChange="serviceshowhide()" id="translationservices"> 
<option selected>a</option> 
<option>b</option> 

となっております。 

プルダウンメニューといった値を参照するには 

document.forms['frmSubmit' ].elements['translationservices'].value 

を記述すれば参照できるということは分かりました。 
しかし、その先がどうしてもわからず・・・。 

可狽ナあれば教えていただきたいです。
2 日付:2014/04/04(金)04:20:48 ID:uqGvQ4UrzKin
プルダウンメニューの値が取得できているなら、後は送信先を変更するだけではないでしょうか。

<form id="frmSubmit" action="" method="POST">
<select name="translationservices">
<option value="a" selected>アイテム1</option>
<option value="b">アイテム2</option>
</select>

<input type="submit"></input>
</form>

<script type="text/javascript">
<!--
// フォーム要素を取得
var form = document.getElementById('frmSubmit');

// セレクト要素を取得
var select = form["translationservices"];

// サブミット直前に実行されるイベント
form.onsubmit = function(){
if(isClientType()){
// 値によって送信先を変更
switch(select.value){
case "a":
form.action = "a.php";
break;
case "b":
form.action = "b.php";
break;
}
}else{
// 送信中止
return false;
}
};

function isClientType(){
return true;
}
-->
</script>


JavaScript で切り替えるよりも、
プルダウンメニューの情報を送信して、PHP で切り替える処理を行うと
JavaScript を切っているブラウザでも動作してお得だと思います。
3 名前:さぼてん 日付:2014/04/04(金)09:29:36 ID:5/GWklm0yARo
ご丁寧にありがとうございます!
こちらで試してみます。PHPを使う方法もあるんですね!
このスレッドについて
質問の状態 :
未解決
投稿開始日 :
2014/04/03(木)13:02:09
投稿終了日 :
2014/04/11(金)09:30:18
投稿者 :
さぼてん
レス総数 :
3
スレッド番号 :
4
MondoCollectionSystem ver.0x00020000 by Hakuhin