レス数: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
を記述すれば参照できるということは分かりました。
しかし、その先がどうしてもわからず・・・。
可狽ナあれば教えていただきたいです。
プルダウンの項目を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 を切っているブラウザでも動作してお得だと思います。
<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を使う方法もあるんですね!
こちらで試してみます。PHPを使う方法もあるんですね!
このスレッドについて
質問の状態 : | 未解決 |
投稿開始日 : | 2014/04/03(木)13:02:09 |
投稿終了日 : | 2014/04/11(金)09:30:18 |
投稿者 : | さぼてん |
レス総数 : | 3 |
スレッド番号 : | 4 |