表单值创建URL

Question

我想创建一个非常简单的表单，并带有一些额外的代码以获取如下所述的结果：问题在于我不知道该如何去做。 我需要实现以下目标： 我有一个表单，其中有一个名为'url'的文本输入框。 我希望用户能够在框中输入数字。 当用户提交表单时，他们应该被重定向到一个新网站。 新网站的URL将基于表单中输入的数字。 URL的第一部分始终是：http://name.com/ 然后将用户输入的数字附加到URL的末尾。 因此，如果将123456输入到表单中，则在提交表单时，用户将进入http://name.com/123456。 我该如何让它工作？ 我猜它会需要JavaScript或其他什么东西。

- andrew anderson

---

这需要一些编程 - 可以使用Javascript在客户端进行，也可以使用众多服务器端技术之一在服务器端进行。 - Oded

在 JavaScript 中，你可以获取当前 URL 和输入值，然后简单地通过它们重定向到一个新构建的 URL。这并不复杂。 - Oded

@oded 如果你知道答案，那么这并不复杂。显然我不知道，否则我就不会问了。对于在这个网站上声誉如此高的人来说，你的回答并不完全有帮助。每个人都需要从某个地方或某个人那里学习... - andrew anderson

这不是一个答案，而是一条评论。我同意需要从某个地方学习，但是这个问题没有详细说明你为寻找答案所付出的任何努力 - 代码、概念等等... 我们确实希望那些提问的人能够付出一些努力，并提供证明 - Stack Overflow 不是一个“给我代码”的网站。 - Oded

Answer 1

<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>

- Hanky Panky

---

请注意，这不会提交表单以及_GET或_POST数据。 - jeremy

Answer 2

你可以在你的

标签中添加 onsubmit="this.action='http://google.com/'+this.fieldName.value;"。

- jeremy

---

这个代码是最干净的，但需要一些澄清。对于最初的帖子，应该像这样：<form onsubmit="this.action = 'http://name.com/' + this.url.value;"> - Francesco Potortì

Answer 3

这应该可以解决问题：

<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();" />

- Chris Clower