SoloCodigo

Hola a todos.

Tengo que hacer un formulario de registro de usuarios con ciertos datos y con 3 menus desplegables, uno de pais, otro de estado (o provincia) y otro de ciudad, en el cual si cambio el pais, me cambie el menu desplegable de estado y si elijo un estado de ese pais me cambie el menu desplegable a las ciudades correspondientes a dicho estado. debido a que se manejan todos los paises y es mucha información, guarde los nombres en una BD en mysql con las siguientes tablas y campos:

tabla pais:
campos: id_pais, nombre_pais

tabla estado:
campos: id_estado, id_pais, nombre_estado

tabla ciudad:
campos: id_ciudad, id_estado, nombre_ciudad

como hago esto mezclando php, mysql y javascript?

agradezco de antemano cualquier colaboracion que se me brinde para resolver este problema.

Hola:

Hecha un vistazo al foro de JavaScript porque por allí tambien tienes mas opciones de solucion a ese mismo problema.

Un saludo

Slimer

despues de adaptar el código a mis tablas y a unos scripts que he añadido me surge un problema.

Escribo el código y me explico despues:

Bueno, con este IF . . .

if (selecteditem == 'Otras') {
newZona = "";

while (newZona == ""){
newZona=prompt ("Por favor indica el nombre de la zona.", "");
}

if (newZona != null) {
passText(newZona)
   }

del primer combo me sale un casillero donde meter un nuevo dato en caso de que no esté en la lista que presento.
El problema radica en que si eligo de la lista una zona, en el 2º combo me sale el listado de la base de datos dependiendo que zona haya eligido, pero . . . . ¿como consigo meter un OPTION más con el VALOR 'otras'?

 

Gracias de antemano.

Hola JuliusRisi:

Puedes incluirlo en la BD el valor "otras"? Eso sería una opcion, y otra que se me ocurre seria, justo antes o despues de la consulta a la BD, ponerlo en codigo Html con lo típico... "<option>...... </option>" (P.D...perdon por la tardanza...)

Bienvenida Gaviotica:

Exactamente donde tienes problemas en el código?. Te comento lo mismo que anteriormente dije... Este mismo problema está comentado en el foro de JavaScript, que combinado con lo ya dicho aqui, no creo que hayan complicaciones... pero si aun así las hay, comenta donde necesitas ayuda...

Un saludo    

     Slimer

Hola Gaviotica:

Por lo que entiendo, tu quieres conectarte a una BD mysql para que en un Select te salga lo que contiene la BD.

Soy de los que piensa que para aprender necesitas "pistas" u "orientaciones" y que no te lo tienen que dar hecho, por lo que te lanzo lo siguiente.

(Ya estas conectada a tu BD mysql por lo que no te digo mas o menos como...)

Dentro del Select, en vez de enumerar las opciones, prueba con algo como esto:


De esta forma tienes resuelta la conexión en PHP a una BD.

Aquí hay algunos ejemplos (algunos sin depurar) pero que te pueden dar ideas (todos estos estan en el lado de JScript)

Tienes dos select (o tres o los que quieras), y quieres que depende de lo que elijas en la primera opcion (Pais en tu caso), en el segundo select ponga estado, o ciudad, (o lo que quieras,,, puedes encadenarlo a tu gusto...). Un ejemplo sería el siguiente, siendo el primer Select, para el Pais, y el segundo select para la ciudad.


CODE 

<form name="f1">
<select name=pais onchange="cambia_provincia()">
<option value="0" selected>Seleccione...
<option value="1">España
<option value="2">Argentina
<option value="3">Colombia
<option value="4">Francia
</select>

<select name=provincia>
<option value="-">-
</select>
</form>
 


Hasta aqui hemos creado el primer Select


CODE 

var provincias_1=new Array("-","Andalucía","Asturias","Baleares","Canarias","Castilla y León","Castilla-La Mancha","...")
var provincias_2=new Array("-","Salta","San Juan","San Luis","La Rioja","La Pampa","...")
var provincias_3=new Array("-","Cali","Santamarta","Medellin","Cartagena","...")
var provincias_4=new Array("-","Aisne","Creuse","Dordogne","Essonne","Gironde ","...")
 


Con esto creamos los arrays del segundo select


CODE 

function cambia_provincia(){
   var pais
   pais = document.f1.pais[document.f1.pais.selectedIndex].value
   if (pais != 0) {
     mis_provincias=eval("provincias_" + pais)
      num_provincias = mis_provincias.length
      document.f1.provincia.length = num_provincias
       for(i=0;i<num_provincias;i++){
         document.f1.provincia.options.value=mis_provincias
         document.f1.provincia.options.text=mis_provincias
      }
   }else{
      document.f1.provincia.length = 1
      document.f1.provincia.options[0].value = "-"
      document.f1.provincia.options[0].text = "-"
   }
   document.f1.provincia.options[0].selected = true
}
 


Y con esto decimos que depende de lo que hayamos puesto en el primer select, tiene que aparecer en el segundo...

Esto es un ejemplo "simple" de como hacerlo. Si te das cuenta, los arrays los he introducido manualmente. Lo que tienes que hacer es una consulta a tu BD


CODE 

<?php
while($row = mysql_fetch_array($result)) {
echo "<option value=".$row["valor"].">".$row["enunciado"]."</option>"; }
?>
 



Despues si no me equivoco, solo nos queda pasar la consulta de php a JavaScript
Para esto hay que "introducir" JavaScript dentro de PHP.


CODE 

<?php
$javascript = "<script language=\"JavaScript\">\n";
$javascript .= "   var array_js = new Array();\n";
//aqui nos conectariamos a la base de datos,,, a tu gusto!!!!! Yo uso algo asi:
include("conexion_bd.php");
$link=Conexion();
$valores=mysql_query("select * from columna",$link) or die (mysql_error());

$contador = 0;
while ($elem = mysql_fetch_array($valores)) {
 $javascript .="columna[".$contador."] = ".$elem['columna2'].";\n";   
 $contador++;                                  }
$javascript .= "</script>\n";
echo $javascript;
?>
 

Aquí tienes varias ayudas... Ya me diras si te ayuda algo de esto...

Un saludo

     Slimer

Cita de: "Slimer"

Hola Gaviotica:

Por lo que entiendo, tu quieres conectarte a una BD mysql para que en un Select te salga lo que contiene la BD.

Soy de los que piensa que para aprender necesitas "pistas" u "orientaciones" y que no te lo tienen que dar hecho, por lo que te lanzo lo siguiente.

(Ya estas conectada a tu BD mysql por lo que no te digo mas o menos como...)

Dentro del Select, en vez de enumerar las opciones, prueba con algo como esto:

Código: Text

1.  
2.  
3. &#60;select name=&#34;pais&#34; id=&#34;selectPais&#34;&#62;
4. &#60;option&#62; &#60;/option&#62; VACIO
5. &#60;?
6.      mysql_data_seek (&#036;result,0); // Con esto nos ponemos cada vez que entremos en la primera posición de la BD
7.      while (&#036;row = mysql_fetch_array(&#036;result)) {
8.           echo &#34;&#60;opcion value=&#34;.&#036;row[&#34;columna1&#34;].&#34;&#62;&#34;.&#036;row[&#34;valor1&#34;].&#34;&#60;/opcion&#62;&#34;; }
9. ?&#62;
10. &#60;/select&#62;
11.  
12.  
13.  

De esta forma tienes resuelta la conexión en PHP a una BD.

Aquí hay algunos ejemplos (algunos sin depurar) pero que te pueden dar ideas (todos estos estan en el lado de JScript)

Código: Text

1.  
2. &#60;html&#62;
3. &#60;head&#62;
4. &#60;title&#62;Consulta de BD con JavaScript y PHP&#60;/title&#62;
5. &#60;head&#62;
6. &#60;script language=&#34;JavaScript&#34;&#62;
7. function funciona() {
8. numero = porcentajes.length;
9. document.formulario.select1.length = numero;
10.  
11. for (i=0; i&#60;numero; i++){
12.  document.formulario.select1.options[i].value = valor_por[i];
13.  document.formulario.select1.options[i].text = porcentajes[i];
14. }}&#60;/script&#62;
15.  
16. &#60;script language=&#34;JavaScript&#34;&#62;
17. function tessto()                                               {    
18. var valoracion = parseInt(document.formulario.select1[document.formulario.select1.selectedIndex].value);
19. var restado = (100 - valoracion);
20.   if ( valoracion != 100)                                           {
21.   document.formulario.select2.length = numero;
22.   for (i=0; i&#60;numero; i++){
23. if (valor_por[i] &#60;= restado){
24.  document.formulario.select2.options[i].value = valor_por[i];
25.  document.formulario.select2.options[i].text = porcentajes[i];
26. }}}}                                                        
27. &#60;/script&#62;
28.  
29. &#60;/head&#62;
30. &#60;body onLoad=&#34;funciona()&#34;&#62;
31. &#60;?php
32. &#036;javascript = &#34;&#60;script language=&#092;&#34;JavaScript&#092;&#34;&#62;&#092;n&#34;; //activamos Java dentro de PHP
33. &#036;javascript .= &#34;   var porcentajes = new Array();&#092;n&#34;;  //Creamos el Array vacio
34. &#036;javascript .= &#34; var valor_por = new Array();&#092;n&#34;;  //Creamos otro Array vacio
35. include(&#34;conect.php&#34;);  //Incluimos un fichero
36. &#036;link=Conectarse(); // Nos conectamos a la BD
37. &#036;porcentajes=mysql_query(&#34;select * from porcentaje&#34;,&#036;link) or die (mysql_error()); // hacemos consulta y metemos valores en &#036;porc
38.  
39. &#036;contador = 0;
40. while (&#036;elem = mysql_fetch_array(&#036;porcentajes)) {
41.  &#036;javascript .=&#34;porcentajes[&#34;.&#036;contador.&#34;] = &#34;.&#036;elem['porcentaje_n'].&#34;;&#092;n&#34;; // asignamos valores al array. Estructura  Array[i] = valor
42.  &#036;javascript .=&#34;valor_por[&#34;.&#036;contador.&#34;] = &#34;.&#036;elem['porcentaje_v'].&#34;;&#092;n&#34;;
43.  &#036;contador++;                                  }
44. &#036;javascript .= &#34;&#60;/script&#62;&#092;n&#34;;  //cerramos JavaScript
45. echo &#036;javascript;
46. ?&#62;
47.  &#60;form name=&#34;formulario&#34;&#62;
48.  &#60;select name=&#34;select1&#34; onchange= &#34;tessto()&#34;&#62;
49.  &#60;!-- option value =&#34;-&#34;&#62;- !--&#62;
50.  
51.  &#60;/select&#62;
52.  
53.  &#60;select name=&#34;select2&#34;&#62;
54.  &#60;/select&#62;
55.  
56.  &#60;select name=&#34;select3&#34;&#62;
57.  &#60;/select&#62;
58.  
59.   &#60;select name=&#34;select4&#34;&#62;
60.  &#60;/select&#62;
61.  
62.   &#60;select name=&#34;select5&#34;&#62;
63.  &#60;/select&#62;
64.  
65.  &#60;input type=&#34;text&#34; name=&#34;texto&#34;&#62;
66.  
67.  &#60;/form&#62;
68. &#60;/body&#62;
69. &#60;/html&#62;
70.  
71.  
72.  
73.  

Citar

Tienes dos select (o tres o los que quieras), y quieres que depende de lo que elijas en la primera opcion (Pais en tu caso), en el segundo select ponga estado, o ciudad, (o lo que quieras,,, puedes encadenarlo a tu gusto...). Un ejemplo sería el siguiente, siendo el primer Select, para el Pais, y el segundo select para la ciudad.


CODE 

<form name="f1">
<select name=pais onchange="cambia_provincia()">
<option value="0" selected>Seleccione...
<option value="1">España
<option value="2">Argentina
<option value="3">Colombia
<option value="4">Francia
</select>

<select name=provincia>
<option value="-">-
</select>
</form>
 


Hasta aqui hemos creado el primer Select


CODE 

var provincias_1=new Array("-","Andalucía","Asturias","Baleares","Canarias","Castilla y León","Castilla-La Mancha","...")
var provincias_2=new Array("-","Salta","San Juan","San Luis","La Rioja","La Pampa","...")
var provincias_3=new Array("-","Cali","Santamarta","Medellin","Cartagena","...")
var provincias_4=new Array("-","Aisne","Creuse","Dordogne","Essonne","Gironde ","...")
 


Con esto creamos los arrays del segundo select


CODE 

function cambia_provincia(){
   var pais
   pais = document.f1.pais[document.f1.pais.selectedIndex].value
   if (pais != 0) {
     mis_provincias=eval("provincias_" + pais)
      num_provincias = mis_provincias.length
      document.f1.provincia.length = num_provincias
       for(i=0;i<num_provincias;i++){
         document.f1.provincia.options.value=mis_provincias
         document.f1.provincia.options.text=mis_provincias
      }
   }else{
      document.f1.provincia.length = 1
      document.f1.provincia.options[0].value = "-"
      document.f1.provincia.options[0].text = "-"
   }
   document.f1.provincia.options[0].selected = true
}
 


Y con esto decimos que depende de lo que hayamos puesto en el primer select, tiene que aparecer en el segundo...

Esto es un ejemplo "simple" de como hacerlo. Si te das cuenta, los arrays los he introducido manualmente. Lo que tienes que hacer es una consulta a tu BD


CODE 

<?php
while($row = mysql_fetch_array($result)) {
echo "<option value=".$row["valor"].">".$row["enunciado"]."</option>"; }
?>
 



Despues si no me equivoco, solo nos queda pasar la consulta de php a JavaScript
Para esto hay que "introducir" JavaScript dentro de PHP.


CODE 

<?php
$javascript = "<script language=\"JavaScript\">\n";
$javascript .= "   var array_js = new Array();\n";
//aqui nos conectariamos a la base de datos,,, a tu gusto!!!!! Yo uso algo asi:
include("conexion_bd.php");
$link=Conexion();
$valores=mysql_query("select * from columna",$link) or die (mysql_error());

$contador = 0;
while ($elem = mysql_fetch_array($valores)) {
 $javascript .="columna[".$contador."] = ".$elem['columna2'].";\n";  
 $contador++;                                  }
$javascript .= "</script>\n";
echo $javascript;
?>
 

Aquí tienes varias ayudas... Ya me diras si te ayuda algo de esto...

Un saludo

     Slimer

Hola Muchas gracias por su ayuda. Estoy trabajando en eso pero todo esta saliendo bien.

Gracias por su ayuda anterior tengo una nueva pregunta:

Buenas mi pregunta es la siguiente:
Tengo dos tablas una llamada investigador que tiene los sig campos: id(key) Cedula apellido nombre mail pais estado direccion area codigo1
y una llamada proyectos que tiene id_proyecto(key) proyecto, proyecto_futuro ,area_proyecto y id

Mi problema se esta presentando porque no logro incluir el valor del id de investigador en proyectos, todo lo demas se me incluye, este es mi codigo:
Primero viene una pag que se llama formulario.
Este es el codigo de la pagina que procesa la info obtenida y la guarda en la base de datos

<?php
$Nombre=$_POST["Nombre"];
$Apellido=$_POST["Apellido"];
$Cedula=$_POST["Cedula"];
$Mail=$_POST["Mail"];
$Pais=$_POST["Pais"];
$Estado=$_POST["Estado"];
$Direccion=$_POST["Direccion"];
$Area=$_POST["Area"];
$Temario=$_POST["Temario"];
$proyecto=$_POST["proyecto"];
$proyecto_futuro=$_POST["proyecto_futuro"];
$area_proyecto=$_POST["area_proyecto"];

$id=$_GET["id"]; //(No se si debo hacerle un POST o un GET , yo creo que es un GET)

//Le hago un echo para ver los datos
echo "Nombre: $Nombre<br>";
echo "Apellido: $Apellido<br>";
echo "Cedula: $Cedula<br>";
echo "Mail: $Mail<br>";
echo "Pais: $Pais<br>";
echo "Estado: $Estado<br>";
echo "Direccion: $Direccion<br>";
echo "Area: $Area<br>";
echo "Temario: $Temario<br>";
echo "Proyecto: $proyecto<br>";
echo "Proyectos Futuros: $proyecto_futuro<br>";
echo "Area: $area_proyecto<br>";

Me conecto a la base de datos
if (!($enlace=mysql_connect("localhost","root","")))
die ("Fallo la conexion con el servidor");
mysql_select_db("prueba",$enlace);


$sentencia = "insert into investigador values ('$id','$Cedula','$Apellido','$Nombre','$Mail','$Pais','$Estado','$Direccion','$Area','$Temario')";

$sentencia1= "insert into proyectos values ('$id_proyecto','$proyecto','$proyecto_futuro','$area_proyecto','$id')";

//El valor de $id en la tabla proyectos no se me esta guardando.

mysql_query($sentencia,$enlace);
mysql_query($sentencia1,$enlace);

echo "<CENTER><B>Los datos fueron agregados exitosamente!!!!!</B></CENTER>";
mysql_close ($enlace);

?>

Porfa podrian ayudarme porque la verdad estoy un poquito trancada en esto.
¿Como guardo el valor del $id de la tabla investigadores en proyecto?
Chau y gracias de antemano.