View Full Version : auto complete script not working in IE

06-11-2010, 03:14 PM
I have used the following script to make provide matching value suggestions for any text typed in the text box and user can select any value by clicking it

this works fine in firefox, crome but not in IE.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajax Auto Suggest</title>
<!--http://www.nodstrum.com/2007/09/19/autocompleter/ -->
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
} else {
$.post("rpc.asp?inputString="+inputString+"", {}, function(data){
if(data.length >0) {
} // lookup

function fill(thisValue) {
function boxhide()
setTimeout("$('#suggestions').hide();", 200);

<style type="text/css">
body {
font-family: Helvetica;
font-size: 11px;
color: #000;

h3 {
margin: 0px;
padding: 0px;

.suggestionsBox {
position: relative;
left: 30px;
margin: 10px 0px 0px 0px;
width: 200px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;

.suggestionList {
margin: 0px;
padding: 0px;

.suggestionList li {

margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;

.suggestionList li:hover {
background-color: #659CD8;



Type your county:
<br />
<input type="text" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="boxhide();" />

<div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">


rpc.asp returns values matching the inputstring passed

<li id='suggestedValue' onclick=""fill('Matchvalue');"">Matchvalue</li>

Any help?