2016-05-12 29 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 
}); 
相關問題