-1

当我单击搜索框中的图标时，它会提交搜索。在 Chrome 上完美运行...仅将 firefox 测试为其他浏览器但失败（不会做任何事情）我做错了什么吗？

<form class="custom-search-form navbar-search" action="/search" method="GET" >
    <input name="keyword" class="autocomplete span4" placeholder="Search for an Attraction...">
    <a href="javascript:(.submit());" onclick="submit()" class="icon-search"></a>
</form>

问题在于a href。

4

6 回答 6

1

javascript:(.submit());里面是什么href

 <a href="javascript:(.submit());" onclick="submit()" class="icon-search"></a>

它应该是

<a href="#" onclick="submit(); return false;" class="icon-search"></a>
于 2013-09-11T12:23:57.167 回答
1

试试这个答案。 使用 <a> 标签提交表单

Firefox 抱怨未定义“提交”。

试试这个小提琴：http: //jsfiddle.net/mspaly/eje6H/1/

<form id="my_form" class="custom-search-form navbar-search" action="/search" method="GET" >
                    <input name="keyword" class="autocomplete span4" placeholder="Search for an Attraction...">
                    <a href="javascript:{}" onclick="document.getElementById('my_form').submit()" class="icon-search">search</a>
                </form>

另请注意，您必须向表单元素添加一个 ID

于 2013-09-11T12:26:19.327 回答
0

如果你想让一个元素表现得像一个按钮，你应该使用<button>and not <a>。

<button onclick="submit()">submit()</button>

于 2013-09-11T12:25:05.723 回答
0

您应该为 href 尝试这样的操作：

<a href="#" onclick="document.getElementById('myForm').submit(); return false;" class="icon-search"></a>

像这样的形式：

<form id="myForm" class="custom-search-form navbar-search" action="/search" method="GET" >

它解决了问题吗？

于 2013-09-11T12:21:58.630 回答
0

或者，更好的 bur 不完美：

<a href="javascript:submit();" class="icon-search"></a>

最好是使用事件监听器

于 2013-09-11T12:24:16.373 回答
-1

我想这就是你要找的。

<a href="#" onclick=".submit(); submit(); return false;" class="icon-search"></a>
于 2013-09-11T12:23:27.673 回答