Question

表单上有“是”或“否”字段，具体取决于用户的选择，我希望根据他们的回答将其发送到不同的感谢页面。

有了这个，我只得到一个空白页面。我已经尝试了所有我能想到的东西，所以我很欣赏任何见解。

＆＃13;

<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>

＆＃13;

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

＆＃13;

Answer 1

您的代码看起来很好，除了这个细节：

document.getElementById("Invest_RD".value);

这会使您的所有javascript崩溃。可能你的控制台（开发人员工具）有红色消息提到这一点。要修复它，请写：

document.getElementById("Invest_RD").value;

这是因为getElementById()是document的方法，而value是getElementById()返回的元素的属性。

Answer 2

在您的代码段中，您缺少submit button来提交表单或执行按钮提交的任何其他操作调用。当动作调用单独完成时，表单将提交，您可以检查值。

因此您的HTML看起来像

<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>

你不需要动作，因为它在提交表单后调用JS，你可以从那里赶上来。

可以使用以下JS检索select标记值，您可以执行计算。

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

Answer 3

添加提交按钮<input type ="submit" value="submit">以触发html表单中的onsubmit事件。并更改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>

Javascript会重定向到两个感谢页面，具体取决于表单回复

3 个答案: