使用javascript预填充文本字段

我有一个简单的JavaScript，我似乎无法工作。
所以我试图完成的是我的主页上的文本字段，用户可以输入（只有1个字段）。提交它，它会将他们带到另一个页面，其中有一个文本字段，其中预先填写了他们已经在第一个字段中输入的内容。使用javascript预填充文本字段

<script type="text/javascript"> 
function go_page(page) 
{ 
document.location.href = '/?page_id=11' + '#addressInput=' + addressInput; 
} 
</script>

当我填写 'addressInput'（在这个例子中，可以说， '90501'）..
目前，网址出来作为www.mywebsite.com/?addressInput=90501
目标，我希望它是.. www.mywebsite.com/?page_id=11#addressInput=90501
这个'目标网址'的作品，当我在地址栏中键入它的作品。我只需要弄清楚如何为用户自动执行该功能......根据他们在第一个文本字段中输入的内容。

...有什么想法？

EDIT 1
这里是形式代码..

<form method="get" onsubmit=" go_page(this.page.value); return false"> 
<input type="text" name="addressInput" id="addressInput" size="30" /> 
<input type="submit" value="" class="submitButton" /> 
</form>

编辑2
只是详细信息..
用户将上在主页和类型'地址/邮政编码'，然后点击提交。
然后，他们会将它们带到位置页面（page_id = 11），该页面有一个文本字段，其中预先填入了主页上输入的用户的“地址/邮编”。

来源

2013-07-03 Danny Kim

您确定要＃符号而不是符号吗？ –

请问你为什么使用＃？ addressInput是另一个参数，如page_id？如果是的话，你需要＆而不是＃。 – AliBZ

看起来不像值查询字符串（如上所述）。尝试使用＆符号代替散列符号 –

你可以尝试抓住元素的形式这样

<form method="get" onsubmit="go_page(this.addressInput); return false"> 
<input type="text" name="addressInput" id="addressInput" size="30" /> 
<input type="submit" value="" class="submitButton" /> 
</form>

而且提取addressInput的价值自己的函数中这样

function go_page(elem) { 
var addressInput = elem.value; 
window.location.href = "/?page_id=11#addressInput"+addressInput; 
}

在WordPress应该导航你的页面ID并将散列添加到末尾

来源

2013-07-04 15:16:56

我在这里使用了你的建议，并将url字符串更改为.. window.location.href =“/ dealer /？address =”+ addressInput; 这为我所需要的。谢谢。 –

如果您想在网址中使用#，则必须对其进行编码，而不是使用#使用%23。 不要忘记，要分隔URL中的值，你必须使用&。

document.location.href = '/?page_id=11' + '%23addressInput=' + addressInput;

更新

代替document.location.href使用window.location

来源

2013-07-03 21:12:15 FatDog47

它也缺少'page_id = 11' –

尝试了您的建议..没有工作。 –

@DannyKim：你有没有尝试过更新我的答案，我建议？ – FatDog47

它不是从提供的有限信息明确，但你有没有停止默认表单提交的行为？也许表单在调用javascript之前被提交。捕获表单提交和return:false或event.preventDefault()以停止提交。

来源

2013-07-03 21:13:31 Moob

回答

相关问题