Autocompletador AJAX+PHP+MYSQL

[CeRo_ByTe]

Hola a todos,
Tengo este código que genera un input en el cual escribo el inicio de una palabra y automaticamente me sale una lista con las posibles coincidencias encontradas con la base de datos mysql.
Bien, esto me funciona correctamente, pero el problema lo tengo cuando quiero en la misma página aparezca más de un input para aplicar el desplegable.

El codigo javascript es este:

Código:

<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
	function lookup(inputString) {
		if(inputString.length == 0) {
			// Hide the suggestion box.
			$('#suggestions').hide();
		} else {
			$.post("rpc.php", {queryString: ""+inputString+""}, function(data){
				if(data.length >0) {
					$('#suggestions').show();
					$('#autoSuggestionsList').html(data);
				}
			});
		}
	} // lookup
	
	function fill(thisValue) {
		$('#inputString').val(thisValue);
		setTimeout("$('#suggestions').hide();", 200);
	}
</script>

El input es este:

Código PHP:

  <input type="text" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" /> 
   

Y la capa del desplegable es esta:

Código PHP:

  <div class="suggestionsBox" id="suggestions" style="display: none;">
        <div class="suggestionList" id="autoSuggestionsList"></div>
</div> 
   

Alguien me podria indicar qué puedo hacer para poder meter más de un input en la misma página? Creo que la función javascript debería tener un indice más para poder diferenciar los inputs, pero no sabría hacerlo funcionar.

Gracias de antemano

[Adler]

Hola

Mira este post en el que se trata el mismo tema. La diferencia es que no se usar ningún frameworks, pero puede que te de alguna idea

Suerte

[David]

Una opción es que recibas como parámetro de la función dos ids, el de la caja de texto y el "suggestionBox" asociado (este último hasta se puede crear directamente manipulando el DOM), y usas esos IDs para procesar los datos.

[CeRo_ByTe]

Hola de nuevo, os agradezo las respuestas, pero... seríais tan amables de indicarme algún código similar para verlo mejor? El javascript no es mi fuerte ;)

Voy a seguir estudiando la url de Adler

Un saludo