Question

当我点击搜索框中的图标时，它会提交搜索。在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。

Answer 1

javascript:(.submit());

中的href是什么

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

应该是

<a href="#" onclick="submit(); return false;" class="icon-search"></a>

Answer 2

试试这个答案。 Submit form using <a> tag

Firefox抱怨未定义'submit'。

试试这个小提琴：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

Answer 3

你应该为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" >

它能解决问题吗？

Answer 4

或者，更好但不完美：

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

最好是使用事件监听器

Answer 5

如果您希望元素的行为类似按钮，则应使用<button>而不是<a>。

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

Answer 6

我认为这就是你要找的东西。

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

firefox上的onclick事件失败

6 个答案: