6

我正在尝试使用一些额外的代码创建一个非常简单的表单，以获得如下所述的结果：问题是我不知道如何去做。

我想要达到的目标：

我有一个表单，它有一个名为“url”的文本输入框。我希望用户能够在框中输入一个数字。当用户提交表单时，他们应该被重定向到一个新网站。新网站的 URL 将基于表格中输入的数字。

URL 的第一部分始终是： http: //name.com/

然后将用户输入的数字附加到末尾。因此，如果在表单中输入 123456，那么在提交表单时，用户将被带到http://name.com/123456

我怎样才能得到这个工作？我猜它需要JavaScript或其他东西。

4

3 回答 3

15 
<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>
于 2012-08-04T20:36:10.863 回答
7

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

于 2012-08-04T20:37:25.483 回答
2

这应该这样做：

<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();" />
于 2012-08-04T20:38:01.873 回答