0

所以我想在我的网站上有一个包含 2 个下拉框和一个提交按钮的页面。单击提交按钮时，它将指向一个 URL，然后将它们带到一个新页面。URL 将基于在下拉菜单中选择的任何内容。

例如：下拉 1 有选项 A 和 B 下拉 2 有选项 1 和 2

那么每个组合都会有一个不同的 url A1 指向 URL-1 A2 指向 URL-2 B1 指向 URL-3 B2 指向 URL-4

我真的对编码知之甚少，并且在过去的 3 个小时里一直在寻找一种方法来做到这一点，我什至不知道如何用谷歌搜索它。我真的很感谢我在这一点上能得到的任何帮助。先感谢您！:)

这是我的投递箱中的代码。我编辑了选项以将示例与 A、B、1 和 2 匹配。

<html>
<body>
<form>
<select id="list1t">
  <option>Select one</option>
  <option>A</option>
  <option>B</option>
</select>
</form>
<form>
<select id="list2">
  <option>Select one</option>
  <option>1</option>
  <option>2</option>
</select>
</form>
</body>
</html>
4

1 回答 1

1 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var url;
$(function(){
$('#link').click(function(){
    var val1=$('#first').val();
    var val2=$('#second').val();
    if(val1=='A'){
        if(val2=='1'){
              url="URL1";
        }
        else{
              url="URL2";
        }
    }else{
        if(val2=='1'){
              url="URL3";
        }
        else{
              url="URL4";
        }
    }
    window.location.href=url;
});
});
</script>

html将是

<select id="first">
    <option value="A" selected>A</option>
    <option value="B">B</option>
</select>
<select id="second">
    <option value="1" selected>1</option>
    <option value="2">2</option>
</select>

您可以使用链接单击 。无需表单或提交按钮

<a href="#" id="link">BUTTON</a>
于 2013-03-26T06:19:49.327 回答