表单提交特殊行为答案

【问题标题】：Form submission special behavior表单提交特殊行为
【发布时间】：2011-10-22 23:52:55
【问题描述】：

我有一个包含“搜索”文本输入和按钮的表单。

当用户提交表单（使用按钮或回车键）时，他会被重定向到特定页面，然后是他在文本字段中输入的值。

我怎样才能做到这一点？

我需要一个能在不同浏览器中正常运行的解决方案！

【问题讨论】：

你尝试过什么吗？

标签： javascript html forms

【解决方案1】：

将方法定义为 GET 并将操作定义为表单标签中的 URL 不是更容易吗？

【讨论】：

【解决方案2】：

编辑：是的，我今晚很慢：

<form method="GET" location="myNewPage.aspx" >
</form>

在表单标签中添加一个调用 javascript 函数的 onsubmit，然后在该函数中使用文本框的值对所需的页面执行 window.location。

<script type="javascript">

function postData() {
     var myVal = document.getElementById('searchbox').value;
     window.location = "myNewPage.aspx?search=" + myVal;
}
</script>

<form onsubmit="javascript:postData();">
<input type="text" name="searchbox" id="searchbox" />
</form>

【讨论】：

无法正常工作.. 表单仍然是传统的“获取”行为
那么不要把method标签放在表单里？
将事件传递给函数并使用 .preventDefault()
@Avitus 我就是这么做的
@meo 你能举个例子解释一下吗