表值创建一个URL(Form value creates a url)

2019-06-26 18:44发布

我想创建一个非常简单的形式额外的代码一点点,如下所述得到的结果:问题是我不知道如何去这样做。

我想实现:

我有一个具有文本输入框名为“URL”的形式。 我希望用户能够输入数字入箱。 当用户提交表单,他们应该被重定向到一个新的网站。 新网站的URL将基于输入到表格的数量。

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


文章来源: Form value creates a url
标签: html forms url