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