2016-05-12 69 views
-2

我有两个输入表单字段,我想当用户点击一个提交按钮时,他应该被带到基于这两个字段中的输入的URL。例如,如果两个输入字段中的输入分别是A和B,则应该设置条件,以便用户通过Javascript访问www.mydomain.com/C。我不想将这些值附加到www.mydomain.com/a/b这个我已经知道该如何处理的URL上。创建按钮,根据表格字段中的数据采取特定的URL

我在SO和Google上看到很多关于URL生成的问题,但没有一个是我的情况。我真的很感谢来自SO用户的帮助。提前致谢。

回答

1

你的意思是这样吗?当两个输入的值都是'something'并且按钮被点击时,这会将你带到地址。

<input type="text" id="a"> 
<input type="text" id="b"> 

<button onclick="go()">Go</button> 

<script> 
function go() { 
    if (document.getElementById('a').value == 'something' && document.getElementById('b').value == 'something') { 
     window.location = 'http://www.example.com/C'; 
    } 
} 
</script> 
+0

代码看起来正确的给我。但由于某些原因,这不是通过URL。这里是小提琴https://jsfiddle.net/AwesomeHat/fgxe1sn9/ –

+0

嘿,它应该在JsFiddle之外工作,如果您在JsFiddle中检查JavaScript窗口的设置框,并将Load类型更改为'无换行 - 在 '如果您通过HTTPS使用JsFiddle,则如果将example.com URL更改为HTTPS而不是HTTP,它应该也可以工作。 还总是记得检查浏览器的JS控制台,如果有什么不工作! :) – Mico

+0

它以你说的方式在JSfiddle中工作。我是一个初学者,所以还没有学到很多东西。谢谢Mico :) –

0

如果您正在使用jQuery:

$("form").submit(function() { 
    // TODO read your variables 
    // TODO apply conditions and redirect accordingly 
    if (...) { 
     window.location = 'http://www.example.com/C' 
    } else { 
     window.location = 'http://www.example.com/D' 
    } 

    return false; // prevent default submit 
}); 
相关问题