首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript:两个下拉重定向提交

Javascript:两个下拉重定向提交
EN

Stack Overflow用户
提问于 2018-11-12 02:41:19
回答 1查看 38关注 0票数 0

我已从中二下降为:

代码语言:javascript
运行
复制
<form id="redirect">
  <select id="location">
    <option value="bus">Bus</option>
    <option value="station">Station</option>
    <option value="office">Office</option>
  </select>

  <select id="goto">
    <option value="home">Home</option>
    <option value="city">Cty</option>
  </select>  

  <input type="submit" value="submit"></input>
</form>

如何使用Javascript提交重定向选择下拉列表

如果#location = Bus && #goto = Home =>单击提交重定向=>>google.com

如果#location = Bus && #goto = Cty =>单击提交重定向=>>facebook.com

将其他#位置匹配为

如果#location = Station && #goto = Home =>单击提交重定向=>>url1.com

如果#location = Cty && #goto = Cty =>单击提交重定向=>>url2.com

非常感谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-12 02:46:37

以下是你的做法:

代码语言:javascript
运行
复制
var form = document.getElementById("redirect");
form.onsubmit = function() {
    var location = document.getElementById("location").value;
    var goto = document.getElementById("goto").value;
    if (location == "Bus") {
        if (goto == "Home") {
            window.location.href = "https://google.com";
        }
        else {
            window.location.href = "https://facebook";
        }
    } else {
        if (goto == "Home") {
            window.location = "a url";
        } 
        else {
            window.location.href = "another url";
        }
    }
}     

根据你的意愿改变那些URL。

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

https://stackoverflow.com/questions/53255340

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档