2012-08-04 41 views
4

我想創建一個非常簡單的表單,使用一點額外的代碼來獲得如下所述的結果:問題是我不知道如何去做。表單值創建一個url

什麼,我想實現:

我有有一個名爲「URL」一個文本輸入框的形式。我希望用戶能夠在框中輸入一個數字。當用戶提交表單時,他們應該被重定向到一個新的網站。新網站的網址將基於輸入到表單中的編號。

URL的第一部分將始終是:http://name.com/

然後該輸入的用戶將被連接到端部的數量。因此,如果123456被輸入到表格中,那麼在提交表格時用戶將被帶到http://name.com/123456

有沒有人有關於我如何得到這個工作的任何想法?猜測它需要JavaScript或其他東西?

+0

這確實需要一些編程 - 使用JavaScript使用許多服務器端技術的一個服務器端或者客戶端,或。 – Oded 2012-08-04 20:31:05

+0

在JavaScript中,您可以獲取當前的URL,值輸入,並簡單地重定向到新構建的URL--它並不複雜。 – Oded 2012-08-04 20:32:37

+1

@des如果你知道答案,它並不複雜。顯然,我不知道我不會問。對於在這個網站上擁有如此高聲譽的人,你的回答並不完全有幫助。每個人都必須向某人或某處學習...... – 2012-08-04 20:34:58

回答

11
<script> 
function process() 
{ 
var url="http://name.com/" + document.getElementById("url").value; 
location.href=url; 
return false; 
} 
</script> 
<form onSubmit="return process();"> 
URL: <input type="text" name="url" id="url"> <input type="submit" value="go"> 
</form> 
+1

請記住,這將不會提交其他數據,如_GET或_POST數據以及表格。 – jeremy 2012-08-04 20:52:00

6

您可以添加onsubmit="this.action='http://google.com/'+this.fieldName.value;"到您的標籤。

1

這應做到:

<script type="text/javascript"> 
    function goToPage() { 
     var page = document.getElementById('page').value; 
     window.location = "http://name.com/" + page; 
    } 
</script> 
<input type="text" id="page" /> 
<input type="submit" value="submit" onclick="goToPage();" />