I am making a PHP webpage for database search using JavaScript (search suggest). I used div to show the search suggest items.When the user clicks on this a details page for that item opens. It seems to work fine in Firefox bt it doesnot work on IE.

HTML part:

<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();"  autoplete="off"/>
    <br /><div id="search_suggest" onclick="document.getElementById('searchform').submit();"> </div></td>
    </tr>
    </table>
</form>

Please help me, I'm a newbie!

I am making a PHP webpage for database search using JavaScript (search suggest). I used div to show the search suggest items.When the user clicks on this a details page for that item opens. It seems to work fine in Firefox bt it doesnot work on IE.

HTML part:

<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();"  autoplete="off"/>
    <br /><div id="search_suggest" onclick="document.getElementById('searchform').submit();"> </div></td>
    </tr>
    </table>
</form>

Please help me, I'm a newbie!

• javascript
• php
• html
• onclick

Share Improve this question Follow edited Oct 22, 2013 at 19:57 stash_man asked Oct 22, 2013 at 19:27 stash_manstash_man 31911 gold badge88 silver badges1515 bronze badges 5

• Do you have any errors in the IE Javascript console? – Justin Wood Commented Oct 22, 2013 at 19:29
• Do you have any contents in your <div>? It may be so small that you aren't actually clicking on it. Are you able to log any messages to the console that would indicate your event is firing? – Crackertastic Commented Oct 22, 2013 at 19:31
• it works fine in firefox and chrome.... Not working on IE7! – stash_man Commented Oct 22, 2013 at 19:34
• @JustinWood I'm using IE7 – stash_man Commented Oct 22, 2013 at 19:37
• you can get IE7 developer tools: microsoft./en-us/download/details.aspx?id=18359 – scrappedcola Commented Oct 22, 2013 at 20:15

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

You don't need an ONCLICK event. type=submit already does this for you, but the element needs to be an input, not a div.

Take a look at http://jsfiddle/LM4Sg/1/ you can click on the click here in ie and it works. If you look at http://jsfiddle/LM4Sg/ you can click around the screen and never hit the EMPTY div.

You need to put something in it to click.

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

If you just want to leave the space between the div tags use an & nbsp; instead, this also makes it so you can click in ie. See the fiddle - http://jsfiddle/LM4Sg/4/

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

(changed to use an alert to simplify things.)

It works now... I changed my javascript

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

Tried doing it with jQuery bt still did not work and don't know why IE did not work with my previous code.