2016-06-20 20 views
-2

我有一個需求,我有一個窗體,輸入文本和一個按鈕。按鈕點擊我需要調用兩個URL的條件。這可能通過JavaScript。通過javascript在窗體中的多個動作

例如 -

當我點擊按鈕,如果輸入的文本是印度的URL應該去http://google.co.in

如果輸入的文本是英國的URL應該去http://google.co.uk

是什麼我們可以實現這一要求的方式。

<form name="inputform" action="somewhere" method="post"> 
    <input type="text" value="" /> 
    <input type="button" /> 
</form> 

由於提前 問候

+0

請在您的問題中發佈您的代碼,向我們展示您嘗試過的內容。 – j08691

+0

向我們展示您嘗試過的方式,看起來它不應該比if/else更難 – Mayday

+0

您好,我沒有試過javascript部分..我只有上面的表格...我想知道我可以如何實現它JavaScript的。 – user2542953

回答

0

你可以試試這個類似的東西:

<form name="inputform" action="somewhere" method="post"> 
     <input type="text" value="" id="t"/> 
     <input type="button" onclick="chkform()" /> 
</form> 

    <script type="text/javascript"> 
function chkform(){ 
     var x = document.getElementById("t").value;  
     if(x==="India"){ 
       window.location="http://www.google.com";   
     } 
     else if(x==="UK"){ 
       window.location="http://www.google.co.uk"; 
     }  
    }  

    </script> 
0
$('form').on('submit', function() { 
    var inputVal = $('input[type="text"').val(); 
    if (inputVal === "India") { 
     window.location.replace("http://google.co.in"); 
    } else if (inputVal === "UK") { 
     window.location.replace("http://google.co.uk"); 
    } 
}); 

這將有很大的幫助,如果這些HTML元素被賦予classID屬性進一步確定它們,但是這個代碼是JS和jQuery 的工作混搭(當你爲它們加上標籤時)我認爲你想要的。

注意:如果要添加微粒的條件下,(而不是僅僅印度英國),因爲它們看起來更可讀

此代碼假定它可能是值得使用開關聲明您的按鈕是您的表單的提交按鈕

相關問題