在javascript提交表单上创建URL

时间:2013-07-06 17:19:18

标签: javascript forms url submit

我不确定这是否可能,但我想我还是会问。我目前有一个带有一些javascript函数和localstorage的表单。我想要的是,当用户在文本框中键入值时,搜索栏会将URL从“mysite.com”更改为“mysite.com/ %userinput%”。然后该用户可以将该链接发送给其他人,然后该人将看到原始用户看到的内容。 感谢。

1 个答案:

答案 0 :(得分:1)

输入后会更改网址 我从您的问题和评论中了解到您不想加载网址,只需更改网址,因此请尝试 fiddle http://jsfiddle.net/GrP6U/2/show/

背后的代码是:

<强>的javascript

var theForm = document.getElementById('theForm');
var theInput = document.getElementById('subj');

theForm.onsubmit = function(e) {
    var myurl = "http://jsfiddle.net/GrP6U/2/show/?input=" + encodeURIComponent(theInput.value);
window.history.pushState('', "Title", myurl);
    return false;
}

<强> HTML

<form id="theForm">
    <input id='subj'/>
    <input type='submit'/>
</form>