Javascriptはフォーム応答に応じて2つのありがとうページにリダイレクト

Question

フォームにはいまたはいいえのフィールドがあり、ユーザーの選択に応じて回答に応じて別の感謝のページに送信します。

これで、空白のページが表示されます。私は考えることができるすべてを試したので、何か洞察に感謝します。

<form action="http://www.google.com/form" name="Lead" id="Lead" class="sem-form" onsubmit="return redirectTY()"> 
 
    <label class="select"> 
 
     <select name="Invest_RD" id="Invest_RD"> 
 
     <option value="Yes">Yes</option> 
 
     <option selected="selected" value="No">No</option> 
 
     </select> 
 
    </label> 
 
</form>

function redirectTY(){ 
 
    var qualify = document.getElementById("Invest_RD".value); 
 
    if (qualify == "Yes"){ 
 
\t  window.location.href='http://www.google.com'; 
 
    } else { 
 
\t  window.location.href='http://www.bing.com'; 
 
    } 
 
}

Answer 1

あなたのコードは、この詳細を除いて、正常に見える：

document.getElementById("Invest_RD".value); 

これは、すべてあなたのjavascriptをクラッシュします。おそらくあなたのコンソール（開発者用ツール）には、これを参照する赤いメッセージがあります。それは書く修正するには：

document.getElementById("Invest_RD").value; 

getElementById()が documentの方法であるためだ

、およびvalueはgetElementById()によって返された要素のプロパティです。

Answer 2

コードスニペットでは、ボタン送信を実行するフォームまたはその他のアクション呼び出しを送信するためにsubmit buttonが不足しています。アクションコールが単独で実行されると、フォームが送信され、値を確認できます。

したがって、あなたのHTMLは、フォームが送信されると、あなたがそこから追いつくことができた後、それはJSを呼び出しているので、あなたは何にアクションを必要とする

<form action="" name="Lead" id="Lead" class="sem-form" onsubmit="return redirectTY()">  
<label class="select"> 
<select name="Invest_RD" id="Invest_RD"> 
<option value="Yes">Yes</option> 
<option selected="selected" value="No">No</option> 
</select></label> 
<input type="submit" name="submit" value="SUBMIT" /> 
</form> 

ように見えません。

selectタグ値は、次のJSを使用して取得することができ、計算を実行できます。

$('#Invest_RD').val(); // Getting the selected value from the select tag 

Answer 3

は、あなたのhtmlフォームでのonSubmitイベントをトリガするボタン<input type ="submit" value="submit">を提出します。そしてonsubmit = "redirectTY();return false;"

<label class="select"> 
    <select name="Invest_RD" id="Invest_RD"> 
     <option value="Yes">Yes</option> 
     <option selected="selected" value="No">No</option> 
    </select></label> 
    <input type ="submit" value="submit"> 
    </form>