Javascript 根据表单选择下拉选项重定向到URL

我创建了一个表单，它有两个下拉框或选择选项。当在第一个下拉菜单中选择选项1，在第二个下拉菜单中选择任何选项时，用户单击提交按钮并发送到感谢页面1

但是，如果用户从第一个下拉列表中选择选项2，则第二个下拉列表应消失，单击“提交”，用户将进入第2页的“感谢您”

我已经创建了表单和js来隐藏下拉列表，效果很好。我需要帮助让提交按钮按规定工作

HTML

---

在我的js fiddle示例中，表单在提交时默认为google.com，出于参数考虑，这可以是感谢您第1页。

您的输入缺少name属性。如果没有这些，浏览器将不会向服务器提交值。更改HTML以包含名称

<form action="http://www.google.com" target="_blank">
    <select id="selection" name="selection">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <br/>
    <div id="show">
        <select name="show">
            <option value="1">1</option>
            <option value="2">2</option>
        </select>
    </div>
    <div>
    <input type="submit" value="SUBMIT"></input>
    </div>
</form>

1.
2.


1.
2.

---

已更新

您的输入缺少名称属性。如果没有这些，浏览器将不会向服务器提交值。更改HTML以包含名称

<form action="http://www.google.com" target="_blank">
    <select id="selection" name="selection">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <br/>
    <div id="show">
        <select name="show">
            <option value="1">1</option>
            <option value="2">2</option>
        </select>
    </div>
    <div>
    <input type="submit" value="SUBMIT"></input>
    </div>
</form>

1.
2.


1.
2.

---

已更新

您的输入缺少名称属性。如果没有这些，浏览器将不会向服务器提交值。更改HTML以包含名称

<form action="http://www.google.com" target="_blank">
    <select id="selection" name="selection">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <br/>
    <div id="show">
        <select name="show">
            <option value="1">1</option>
            <option value="2">2</option>
        </select>
    </div>
    <div>
    <input type="submit" value="SUBMIT"></input>
    </div>
</form>

1.
2.


1.
2.

---

已更新

您的输入缺少名称属性。如果没有这些，浏览器将不会向服务器提交值。更改HTML以包含名称

<form action="http://www.google.com" target="_blank">
    <select id="selection" name="selection">
        <option value="1">1</option>
        <option value="2">2</option>
    </select>
    <br/>
    <div id="show">
        <select name="show">
            <option value="1">1</option>
            <option value="2">2</option>
        </select>
    </div>
    <div>
    <input type="submit" value="SUBMIT"></input>
    </div>
</form>

1.
2.


1.
2.

---

更新了

将此代码添加到javascript中。当用户单击submit按钮时，此代码将检查第一个下拉列表的值，并相应地修改表单操作

$("#id-submit").click(function() {
     if ($("#selection").val() == 2)
     {
         $("#id-form1").attr("action","http://bing.com");            
     }
    document.getElementById('id-form1').submit(); 
}

为了实现这一点，我给表单起了一个名字，给submit按钮添加了一个id，并将其更改为type按钮

HTML

1.
2.


1.
2.

---

更新了

将此代码添加到javascript中。当用户单击submit按钮时，此代码将检查第一个下拉列表的值，并相应地修改表单操作

$("#id-submit").click(function() {
     if ($("#selection").val() == 2)
     {
         $("#id-form1").attr("action","http://bing.com");            
     }
    document.getElementById('id-form1').submit(); 
}

为了实现这一点，我给表单起了一个名字，给submit按钮添加了一个id，并将其更改为type按钮

HTML

1.
2.


1.
2.

---

更新了

将此代码添加到javascript中。当用户单击submit按钮时，此代码将检查第一个下拉列表的值，并相应地修改表单操作

$("#id-submit").click(function() {
     if ($("#selection").val() == 2)
     {
         $("#id-form1").attr("action","http://bing.com");            
     }
    document.getElementById('id-form1').submit(); 
}

为了实现这一点，我给表单起了一个名字，给submit按钮添加了一个id，并将其更改为type按钮

HTML

1.
2.


1.
2.

---

更新了

将此代码添加到javascript中。当用户单击submit按钮时，此代码将检查第一个下拉列表的值，并相应地修改表单操作

$("#id-submit").click(function() {
     if ($("#selection").val() == 2)
     {
         $("#id-form1").attr("action","http://bing.com");            
     }
    document.getElementById('id-form1').submit(); 
}

为了实现这一点，我给表单起了一个名字，给submit按钮添加了一个id，并将其更改为type按钮

HTML

1.
2.


1.
2.

---

更新了

完全忘记了这些，谢谢你更新了小提琴。你知道我怎样才能让提交按我的意愿工作吗？你说的“提交按我的意愿工作”是什么意思。按照你的方式，表单将提交正确的值。基本上，根据下拉列表中的选择，将有2个可用的感谢页面。如果用户从第一个下拉列表中选择选项1和/或从第二个下拉列表中选择任何选项，表单将在单击提交时指示用户进入感谢页面1。如果用户从第一个下拉列表中选择选项2，则在单击“提交”时，用户将被引导到第2页的“感谢”。明白了。对不起，我必须走出来，但我看到你已经得到了答案。完全忘记了这些，谢谢你更新了小提琴。你知道我怎样才能让提交按我的意愿工作吗？你说的“提交按我的意愿工作”是什么意思。按照你的方式，表单将提交正确的值。基本上，根据下拉列表中的选择，将有2个可用的感谢页面。如果用户从第一个下拉列表中选择选项1和/或从第二个下拉列表中选择任何选项，表单将在单击提交时指示用户进入感谢页面1。如果用户从第一个下拉列表中选择选项2，则在单击“提交”时，用户将被引导到第2页的“感谢”。明白了。对不起，我必须走出来，但我看到你已经得到了答案。完全忘记了这些，谢谢你更新了小提琴。你知道我怎样才能让提交按我的意愿工作吗？你说的“提交按我的意愿工作”是什么意思。按照你的方式，表单将提交正确的值。基本上，根据下拉列表中的选择，将有2个可用的感谢页面。如果用户从第一个下拉列表中选择选项1和/或从第二个下拉列表中选择任何选项，表单将在单击提交时指示用户进入感谢页面1。如果用户从第一个下拉列表中选择选项2，则在单击“提交”时，用户将被引导到第2页的“感谢”。明白了。对不起，我必须走出来，但我看到你已经得到了答案。完全忘记了这些，谢谢你更新了小提琴。你知道我怎样才能让submit按我的意愿工作吗？你说的“submit to wor”是什么意思