Question

我正在使用JavaScript创建一个用于数据库搜索的PHP网页（搜索建议）。我使用div来显示搜索建议项目。当用户点击此项目时，该项目的详细信息页面会打开。它似乎在Firefox中工作正常但它不适用于IE。

HTML部分：

<form method="post" name="searchform" id="searchform">    
  <table class="nostyle" width="80%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="30%">Customer  &nbsp;&nbsp;&nbsp;
    <input type="text" name="search_customer" id="customer_name" class="input-text" onKeyUp="searchsuggest();"  autocomplete="off"/>
    <br /><div id="search_suggest" onclick="document.getElementById('searchform').submit();"> </div></td>
    </tr>
    </table>
</form>

请帮助我，我是新手！

Answer 1

您不需要 ONCLICK 事件。 type=submit已经为您执行此操作，但该元素必须是input，而不是div。

Answer 2

看看http://jsfiddle.net/LM4Sg/1/，你可以点击这里的点击即可。如果您查看http://jsfiddle.net/LM4Sg/，可以在屏幕上点击，从不点击EMPTY div。

您需要在其中放置一些内容才能点击。

<div id="search_suggest" type="submit" onclick="document.getElementById('searchform').submit();">Click Here</div>

如果您只想在div标签之间留出空格，请使用＆amp; NBSP;相反，这也使得你可以点击即。请参阅小提琴 - http://jsfiddle.net/LM4Sg/4/

<div id="search_suggest" onclick="alert('searchform');">&nbsp;</div>

（改为使用警报来简化事情。）

Answer 3

它现在有效......我改变了我的javascript

var search_suggest = document.getElementById(customer_name);
search_suggest.onclick = function(){ document.getElementById('searchform').submit();

尝试使用jQuery bt仍然无法正常工作，并且不知道为什么IE无法使用我以前的代码。

Onclick事件在IE中无效

3 个答案: