ajax lista desplegable
Publicado por miguel angel (1 intervención) el 06/03/2006 22:21:52
hola, estoy haciendo unas pruebas para mi proyecto de carrera, necesito cargar una lista desplegable, teniendo otra previamente entonces selecciono un elemento de la primera y despues debo cargar en la otra todos los elementos relacionados,ala hora de cargar envio a un php y este me envia la info consultado en la base de datos, he ecnotrao pagians que hablan de ajax y he utlizao un poco de codigo pero no encuentro forma. paso el codigo que tengo:
<html>
<head>
<title>ZIP Code to City and State using XmlHttpRequest</title>
<script language="javascript">
var url = "pagina.php";
function handleHttpResponse() {
if (http.readyState == 4) {
results = http.responseText.split(",");
alert('p');
document.getElementById('cursos').name = results[0];
}
}
function actualizar() {
http.open("GET", url, true);
http.onreadystatechange = handleHttpResponse;
http.send(null);
}
function getHTTPObject() {
var xmlhttp;
/*@cc_on
@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
xmlhttp = false;
}
}
return xmlhttp;
}
var http = getHTTPObject();
</script>
</head>
<body>
<form action="post">
<TABLE BORDER=0>
<?php
include ("conexion.php");
$resultado = mysql_query("select codigo_centro, nombre_centro from centros",$connexion);
$filas = mysql_num_rows($resultado);
echo "<TR><TD><select size='1' name='centro' onchange = 'actualizar();'>";
for($i = 0; $i < $filas;$i++){
$cod_centro = mysql_result($resultado, $i,0);
$nom_centro = mysql_result($resultado, $i,1);
echo "<option selected value='$cod_centro'>$nom_centro</option>";
}
echo "<option selected value='nulo'>escollir centre</option>";
echo "</select>";
?>
<TR><TD><select size="1" name="cursos">
<option selected value="nulo">nom_centro</option>
</select>
</form>
</body>
</html>
si podeis darme enlaces alguna pagina que diga algo de esto o ayudarme en lo que podais os lo agradezco.
<html>
<head>
<title>ZIP Code to City and State using XmlHttpRequest</title>
<script language="javascript">
var url = "pagina.php";
function handleHttpResponse() {
if (http.readyState == 4) {
results = http.responseText.split(",");
alert('p');
document.getElementById('cursos').name = results[0];
}
}
function actualizar() {
http.open("GET", url, true);
http.onreadystatechange = handleHttpResponse;
http.send(null);
}
function getHTTPObject() {
var xmlhttp;
/*@cc_on
@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@else
xmlhttp = false;
@end @*/
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
try {
xmlhttp = new XMLHttpRequest();
} catch (e) {
xmlhttp = false;
}
}
return xmlhttp;
}
var http = getHTTPObject();
</script>
</head>
<body>
<form action="post">
<TABLE BORDER=0>
<?php
include ("conexion.php");
$resultado = mysql_query("select codigo_centro, nombre_centro from centros",$connexion);
$filas = mysql_num_rows($resultado);
echo "<TR><TD><select size='1' name='centro' onchange = 'actualizar();'>";
for($i = 0; $i < $filas;$i++){
$cod_centro = mysql_result($resultado, $i,0);
$nom_centro = mysql_result($resultado, $i,1);
echo "<option selected value='$cod_centro'>$nom_centro</option>";
}
echo "<option selected value='nulo'>escollir centre</option>";
echo "</select>";
?>
<TR><TD><select size="1" name="cursos">
<option selected value="nulo">nom_centro</option>
</select>
</form>
</body>
</html>
si podeis darme enlaces alguna pagina que diga algo de esto o ayudarme en lo que podais os lo agradezco.
Valora esta pregunta
0