質問にお目通しいただき、ありがとうございます。
1点お知恵をお借りしたいものがございまして、質問をさせていただきます。
■submitのURLを条件分岐したい■
現在、サービスの申し込み画面を作成しております。
サービスには申し込み条件があり、条件をみたしていないお申込みは完了画面にとばないようにしたいです。
そこで、条件聴取項目に紐づけてformの遷移先を変更するスクリプトを書いてみたのですが、どうも動きません。
ほかにもポップアップを出すスクリプトを記述しており、こちらは問題なく動作します。
現在の状況を記載いたしますので、ご確認いただけますと幸いでございます。
html
1<form name="ansform"> 2 <div class="question"> 3 <h2>条件の項目聴取</h2> 4 <select name="form__jyoken" id="jyoken" onchange="jyoken()"> 5 <option value="">お選びください</option> 6 <option value="A">A</option> 7 <option value="B">B</option> 8 <option value="C">C</option> 9 <option value="D">D</option> 10 </select> 11 </div> 12 <!-- 条件外の方にはポップアップでその旨をおしらせ --> 13 <script> 14 function jyoken(){ 15 var val = document.getElementById('jyoken').value; 16 if(val == 'A'){ 17 alert('申し訳ございません。Aの方はサービス対象外です。') 18 } 19 if(val == 'B'){ 20 alert('申し訳ございません。Bの方はサービス対象外です。') 21 } 22 } 23 </script> 24 25<!-- 26中略 27 --> 28 29 <div> 30 <input type="image" src="/img/btnImage.png" value="確認画面へ" onsubmit="sendControl()"> 31 </div> 32 <!-- 遷移先URLの制御スクリプト --> 33 <script> 34 function sendControl(){ 35 var val = document.getElementById('jyoken').value; 36 //条件Aを選択した方は完了画面には遷移させない 37 if(val == 'A'){ 38 document.ansform.action="http://google.co.jp/"; 39 } 40 //条件Bを選択した方は完了画面には遷移させない 41 if(val == 'B'){ 42 document.ansform.action="http://google.co.jp/"; 43 } 44 //それ以外は確認画面へ 45 else{ 46 document.ansform.action="confirm.html"; 47 } 48 } 49 </script> 50 51</form>
javascriptはなかなか学習状況がよくなく、
稚拙な記述になってしまっておりますが、
上級者のみなさまのお知恵をおかりできればと思い、
質問をさせていただきました。
お手数をおかけしますが、なにとぞよろしくお願いいたします!!
回答4件
あなたの回答
tips
プレビュー