Question

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

我想要实现的目标：

我有一个表单，其中有一个名为'url'的文本输入框。我希望用户能够在框中输入一个数字。当用户提交表单时，应将其重定向到新网站。新网站的网址将基于输入表单的数字。

网址的第一部分始终为：http://name.com/

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

有没有人对如何让这项工作有任何想法？猜猜它需要JavaScript还是什么？

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>

Answer 2

您可以在代码中添加onsubmit="this.action='http://google.com/'+this.fieldName.value;"。

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

表单值创建一个URL

3 个答案: