0

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

<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
当我在地址栏中输入这个“目标网址”时，它会起作用。我只需要弄清楚如何为用户自动执行该功能..根据他们在第一个文本字段中输入的内容。

...有任何想法吗？


编辑 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），该页面有一个预先填充了用户在主页上输入的“地址/zip”的文本字段。

4

3 回答 3

0

如果要#在 URL 中包含，则必须对其进行编码，而不是使用#use %23。并且不要忘记，为了分隔 URL 中的值，您必须使用&.

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

更新

而不是document.location.href使用window.location

于 2013-07-03T21:12:15.760 回答
0

从提供的有限信息中不清楚，但是您是否停止了默认的表单提交行为？如果在调用您的 javascript 之前提交，则可能是表单。捕获表单提交和return:false/或event.preventDefault()停止它继续提交。

于 2013-07-03T21:13:31.820 回答
0

您可以尝试像这样抓取表单中的元素

<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-04T15:16:56.310 回答