05/07/2004, 07:18
|
| | | Fecha de Ingreso: junio-2004
Mensajes: 29
Antigüedad: 19 años, 10 meses Puntos: 0 | |
 Busqueda rapida en una pag. web con javascript
Hola chicos, la verdad es que tengo un problema, quiero hacer una busqueda rapida con javascript extrayendo datos de una tabla de una data en mysql impresa en un list, los jala, pero los coloca en una sola linea, como hago para colocarlos una debajo del otro, espero que puedan ayudarme, se que si, este es el codigo:
<?
include("fcnConectarse.php");
$link=Conectarse();
$r=mysql_query("select dsc_det from det_cta");
?>
<html>
<head>
<title>Busqueda en lista</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<? echo"
<script language='javascript'>
// Defino el array con los datos
var lista = new Array('";
while ($fila=mysql_fetch_array($r)){
$dsc=$fila["dsc_det"];
printf("$dsc");
}
echo"');"; ?>
function cargarLista() {
// Cargamos el combo
for (x=0;x<lista.length;x++)
document.formulario.miCombo[x] = new Option(lista[x]);
}
function buscar() {
limpiarLista();
// Obtengo el valor del texto
texto = document.formulario.busca.value;
// Creo la expresión regular
expr = new RegExp("^" + texto,"i");
// Recorro la lista. Si la expresión regular es OK
y = 0;
for (x=0;x<lista.length;x++) {
if (expr.test(lista[x])) {
document.formulario.miCombo[y] = new Option(lista[x]);
y++;
}
}
}
function limpiarLista() {
for (x=document.formulario.miCombo.length;x>=0;x--)
document.formulario.miCombo[x] = null;
}
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="cargarLista();">
<form id="formulario" name="formulario">
Buscar: <input type="text" id="busca" name="busca" onKeyUp="buscar();"><br>
Listado: <select id="miCombo" name="miCombo" size=8>
</select>
</form>
</body>
</html>
saludos Ronald |