2015-05-25 46 views
-1

我想創建一個類似彈出窗體的輸入和按鈕。當我在輸入例:「好」的類型,然後單擊按鈕將其轉到網址「good.mydomain.com」使用輸入和按鈕創建鏈接

我這樣做,但所行的工作

<html> 
    <form action="firstname.mydomain.com"> 
    Go to URL:<br> 
    <input type="text" name="firstname" value="">.mydomain.com 
    <br> 
    <p> 
    <input type="submit" value="go"> 
    </p> 
    </form> 
</html> 
+0

嘗試在這個問題上的建議:http://stackoverflow.com/questions/2701041/how-to-set-form-action-through-javascript的 –

+0

可能重複[如何創建一個HTML按鈕就像一個鏈接?](http://stackoverflow.com/questions/2906582/how-to-create-an-html-button-that-acts-like-a-link) –

回答

-1

你可以做到這一點與jQuery。

的HTML:

<input type="text" id="goTo" name="firstname">.mydomain.com 
<input type="submit" id="myButton" value="Go"> 

然後jQuery的:

$('#myButton').click(function() { 
    var goTo = $("#goTo").val(); 
    window.location.href = 'http://'+goTo+'.mydomain.com/'; 
    return false; 
}); 
+0

我該怎麼做wordpress – kcm

-1

請使用JavaScript嘗試下面的代碼。

<html> 
<head> 
    <title>Submit</title> 
    <script> 
     function Submit() { 
      var url = "http://www." + document.getElementById("firstname").value + ".mydomain.com"; 
      window.location.assign(url); 
     } 
    </script> 
</head> 
<body> 
    Go to URL:<br> 
    <input type="text" name="firstname" id="firstname" value="">.mydomain.com 
    <br> 
    <p> 
     <input type="button" value="go" onclick="Submit()"> 
    </p> 


</body> 
</html>​​ 
+0

我想這是可以的,但最後看到這個字符「“」â€「,它是什麼? – kcm

+0

我沒有看到這些特殊字符。它從哪裏來? –

+0

這裏是printscren的鏈接http://snag.gy/shlIQ.jpg – kcm