Question

我在html中创建两个组合框用于案例类型和其他用于修订和一个按钮用于提交表单，第二个组合框有2个值revision1和revision2我想要当用户从组合框中选择revision1然后打开主页当用户从组合框中选择第二个版本2并提交然后打开联系人页面。我该怎么办。请帮助我谢谢你。

      <form  name="causeform" method="post" action="">

      <fieldset>
         <select id = "myList" name= "casetype" class="form-login" style="width:250px;" >
           <option value = "D">D</option>
           <option value = "E">E</option>
           <option value = "A">A</option>
           <option value = "C">C</option>
           <option value = "F">F</option>
           <option value = "S">S</option>
           <option value = "B">B</option>
           <option value = "W">W</option>
           <option value = "T">T</option>
           <option value = "R">R</option>
         </select>

    </fieldset>

    <fieldset>
          <select id = "myList" name="revision" class="form-login" style="width:250px;">
           <option value = "0">R0</option>
           <option value = "1">R1</option>
           </select>
    </fieldset>
    <input type="submit" class="button" value="Submit" style="margin-left:90px;width:103px;height:42px;" />
    </form>

Answer 1

您可以使用window.location.href根据修订版本选择重定向到目标页面

例如，点击提交按钮即可查看

$('#submitButtonId').click(function(){
if( $('.class2').val() == 0) {
// open home page
} else if ( $('.class2').val() == 1) {
// open contact page
}

});

请为jquery选择器的每个选择框提供不同的类

有很多方法可以做到这一点，通过使用隐藏字段，您可以存储下拉列表2的值并使用此隐藏值进行比较提交

Answer 2

试试这个：

$('.go-btn').click(function() {
var valu = $('#my-dropdown').val();    
if(valu== 1)
{
    var url = 'http://www.aspdotnet-suresh.com';
    $(location).attr('href', url);
}    
if(valu== 2)
{
    var url = 'https://www.google.co.in';
    $(location).attr('href', url);
} 
if(valu== 3)
{
    var url = 'http://www.microsoft.com/en-in/default.aspx';
    $(location).attr('href', url);
}        
});

Demo:Fiddle

如何在一个提交按钮上打开不同组合框值的不同页面

2 个答案: