Cargar un select o lista desplegable desde otro select
Publicado por KURRY (1 intervención) el 13/07/2016 23:20:54
lo primero de todo agradecer la gran ayuda desinteresada que prestan los usuarios del foro.Es la primera vez que posteo.Ssiempre busco y hay alguien que ha tenido el mismo problema y ya se lo han resuelto,pero esta vez no he encontrado respuesta.
a ver si planteo my duda bien:
quiero que los campos de un formulario se rellenen automaticamente según lo seleccionado en el campo previo,hay ejemplos..pero solo con dos selec,los que he encontrado con 3 no me funcionan..o no encuentro el fallo.
el archivo inicial undex.php
el archivo ajax.js
el archivo subcapitulo.php
asi funcionan los dos prinmeros selec..pero evidentemente falla la funcion "load 2"..que no esta definida
he encontrado en algun sitio el siguiente codigo para un ajax alternativo
con estro se supone que defino dos funciones en el index tales como....
y deberia funcionar cambiando las funciones en el index.php de" load" por "subcapitulo" y en el subcapitulo .php la funcion de" load 2" por" partida"
pues no hace ni cascaras........alguna ayuda?
muchas gracias por adelantado
a ver si planteo my duda bien:
quiero que los campos de un formulario se rellenen automaticamente según lo seleccionado en el campo previo,hay ejemplos..pero solo con dos selec,los que he encontrado con 3 no me funcionan..o no encuentro el fallo.
el archivo inicial undex.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<?php
header('Content-Type: text/html; charset=ANSI');
?>
<html>
<head>
<title>Generador</title>
<link href="css/generador.css" rel="stylesheet" type="text/css" />
<script src="ajax.js"></script>
</script>
</head>
<body>
<h1 >GENERADOR</h1>
<div id="txt_portada">
<p class="normal"> ve seleccionando.....
</p>
<?php
include 'conexion.php';?>
<?php
// SQL query
$sql = "SELECT * FROM capitulo";
// Execute the query (the recordset $rs contains the result)
$result = mysqli_query($con,$sql);
?>
<?php
$ntotal_capitulos=mysqli_num_rows($result);
echo"<p class='normal'>
con un total de $ntotal_capitulos capitulos</p>";?>
<div id="lista_miembros_form">
<select size=11 id="cont" onchange="load(this.value)">
<?php
while ( $row = $result->fetch_array() )
{?>
<option lista=" <?php echo $row['capitulo'] ?> " >
<?php echo $row['capitulo'] ;?>
</option>
<?php
}?>
</select>
<div id="subcapitulo"></div>
<div id="partida"></div>
</div>
</body>
</html>
el archivo ajax.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function load(str)
{var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}xmlhttp.onreadystatechange=function()
{if (xmlhttp.readyState==4 && xmlhttp.status==200)
{document.getElementById("subcapitulo").innerHTML=xmlhttp.responseText;
} }xmlhttp.open("POST","subcapitulo.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("q="+str);
};el archivo subcapitulo.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<?php
$q=$_POST['q'];
$con = mysqli_connect("127.0.0.1","root","","art");
// SQL query
$sql = "SELECT * FROM ".$q." ";
// Execute the query (the recordset $rs contains the result)
$res = mysqli_query($con,$sql);
?>
<select id="subcapitulo" size=11 onchange="load2(this.value)">
<?php
while ( $row = $res->fetch_array() )
{ ?>
<option lista=" <?php echo $row['subcapitulo'] ?> " >
<?php echo $row['subcapitulo'] ;?>
</option>
<?php } ?>
</select>
asi funcionan los dos prinmeros selec..pero evidentemente falla la funcion "load 2"..que no esta definida
he encontrado en algun sitio el siguiente codigo para un ajax alternativo
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function load(string,url,cfunc)
{var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}xmlhttp.onreadystatechange=cfunc;
{xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(string);
}con estro se supone que defino dos funciones en el index tales como....
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script>
function subcapitulo(str)
{load("q="+str,"subcapitulo.php",function()
{if (xmlhttp.readyState==4 && xmlhttp.status==200)
{document.getElementById("subcapitulo").innerHTML=xmlhttp.responseText;
}});
}function partida(str)
{load("r="+str,"partida.php",function()
{if (xmlhttp.readyState==4 && xmlhttp.status==200)
{document.getElementById("partida").innerHTML=xmlhttp.responseText;
}});
}</script>
y deberia funcionar cambiando las funciones en el index.php de" load" por "subcapitulo" y en el subcapitulo .php la funcion de" load 2" por" partida"
pues no hace ni cascaras........alguna ayuda?
muchas gracias por adelantado
Valora esta pregunta
0