问尝试让两个下拉框指向一个URL
EN

Stack Overflow用户

提问于 2013-03-26 13:58:13

回答 1查看 85关注 0票数 0

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

例如: down 1具有选项A和B down 2具有选项1和2

然后，每个组合都有不同的url，A1指向URL-1，A2指向URL-2，B1指向URL-3，B2指向URL-4

我真的不太了解编码，在过去的3个小时里我一直在寻找一种方法来做到这一点，我甚至不知道如何谷歌它。我真的很感谢在这一点上能得到的任何帮助。提前感谢！:)

这是我的drop boxes中的代码。我编辑了选项，使示例与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>

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-26 14:19:49

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15630322

复制

相似问题

问尝试让两个下拉框指向一个URL
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试让两个下拉框指向一个URLEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问尝试让两个下拉框指向一个URL
EN