Lista Desplegable Con Javascript+mysql

wladtepes · #1 (**permalink**) 04/02/2008, 07:42

Hola Bueno Estoy Buscando La Forma De Poder Realizar Un Lista Desplegable Con Javascript Que Contenga Los Campos De La Base De Datos (mysql),y Bueno Que Ademas Que Los Datos De La Lista Se Puedan Selecionar De Forma Libre Y Que Al Selecionar Se Carge A Una Caja De Texto

Si Me Pueden Ayudar Armar Este Codigo Les Estaria Muy Agradecido

JavierB · #2 (**permalink**) 04/02/2008, 09:55

Hola wladtepes

Con JavaScript no se puede acceder a una base de datos MySQL ¿Manejas algún lenguaje del lado del servidor?

Saludos,

wladtepes · #3 (**permalink**) 04/02/2008, 11:05

Gracias Por La Aclaracion

nacho004 · #4 (**permalink**) 04/02/2008, 15:56

Yo estoy bucando algo similar (si no es lo mismo) y manejo PHP. De que forma podria hacer lo que describio wladtepes??

Gracias!

Panino5001 · #5 (**permalink**) 05/02/2008, 01:55

Un ejemplo:

Código PHP:

  <?php 
include 'db.php';//o como sea que te conectes 
$qry=mysql_query("select * from tutabla"); 
$row=array(); 
while($r=mysql_fetch_assoc($qry)){ 
$row[]=array($r['curso'],$r['fecha'],$r['detscripcion']); 
} 
?> 
<!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"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>test</title> 
</head> 
 
<body> 
<form id="form1" name="form1" method="post" action=""> 
  <select name="curso" id="curso" onchange="document.getElementById('data').value=this.options[this.selectedIndex].getAttribute('fecha')+'\n'+this.options[this.selectedIndex].getAttribute('descripcion')"> 
<?php foreach($row as $v){ ?> 
    <option descripcion="<?php echo $v[2] ?>" fecha="<?php echo $v[1] ?>" value="<?php echo $v[0] ?>"><?php echo $v[0] ?></option> 
<?php }?> 
  </select> 
  <textarea name="data" id="data"><?php echo $row[0][1]."\n".$row[0][2] ?></textarea> 
</form> 
</body> 
</html>

nacho004 · #6 (**permalink**) 05/02/2008, 22:37

gracias panino!

edikropo · #7 (**permalink**) 06/02/2008, 08:51

Si quieres llenar la lista con base en la seleccion... utiliza ajax

sino esta php y html.

<td><label for="departamento" class="frm1Label">Departamento:</label></td>
<td>

<?php
//buscamos los departamento
$query=("SELECT t2.iddepartamento AS iddepartamento, t2.nomDepartamento AS departamento FROM datoDepartamento AS t2 ORDER BY nomdepartamento");
$rs3 = &$conn->Execute($query);
if (!$rs3) exit($conn->ErrorMsg() . " - " . $query);
if($rs3->RecordCount()==0) exit("No existe el departamento");
?>
<select name="departamento" class="frm1Selects" id="departamento" onchange="consultaCiudad()">
<option value="0">----</option>
<?php
while(!$rs3->EOF)
{
if($rs3->fields['iddepartamento'] == $rs->fields['iddepartamento'] )
echo "<option value=".$rs3->fields('iddepartamento')." selected>".$rs3->fields('departamento')."</option>";
else
echo "<option value=".$rs3->fields('iddepartamento')." >".$rs3->fields('departamento')."</option>";
$rs3->moveNext();
}
?>
</select>

JavierB · #8 (**permalink**) 06/02/2008, 09:49

Movido al foro de PHP desde JavaScript.

Saludos,