Hola, tengo un script donde seleciono una opcion en un select que seguido llamo a otro script para que me cambien los valores en el div de forma asincronica, pero no se muy bien como hacerlo yo hice algo asin:
funciones j.s
Código Javascript
:
Ver originalfunction objetoAjax() {
if (window.XMLHttpRequest)
_ajax = new XMLHttpRequest();
else
if (window.ActiveXObject)
_ajax = new ActiveXObject("Microsoft.XMLHTTP");
else
_ajax = false;
return _ajax;
}
function pedir(dato) {
Ajax = objetoAjax();
Ajax.open("get","recuperar.php?nombre=" + dato, true);
Ajax.onreadystatechange = function() {
if (Ajax.readyState == 4 && (Ajax.status == 200 || Ajax.status == 501)){
document.getElementById('recuperar').innerHTML=Ajax.responseText;
}
}
Ajax.send(null);
}
aqui el codigo donde tengo los select y el div que me tendria que cambiar los datos cada vez que seleciono una opcion en select
mostrar.php
Código PHP:
Ver original<html>
<head>
<script type="text/javascript" language="javascript" src="funciones.js"></script>
</head>
<body>
<?php
$consulta="select * from nombres";
?>
<form nambe="form" method="get">
<select name="nombre" id="nombre" onchange="pedir(document.getElementById('nombre').value)">
<option value="">seleciona nombre</option>
<?php
?>
<option value="<?php echo $row['id_nombre']; ?>"><?php echo $row['nombre'];?></option>
<?php
}
?>
</select>
</form>
<div id="recuperar"></div>
</body>
</html>
este es el script que me tendria que recuperar los datos del div
recuperar.php
Código PHP:
Ver original<?php
$consulta="select * from nombres where id_nombre=".$_GET['nombre']."";
$nombres[]= $row['nombres'];
}
?>
<script language='javascript'>
var nombres = new Array();
<?php
for ($i = 0, $total = count($nombres); $i < $total; $i ++) echo "\nnombres[$i] = '$nombres[$i]';";
?>
var pos = 0;
function MostrarRegistos(){
for (i=1;i<=2;i++){
nombre = nombres[pos];
document.getElementById("registro"+i).innerHTML ='<p> ' + nombre + ' </p>';
pos++;
if(pos>=(nombres.length)){pos = 0}
}
}
window.onload = MostrarRegistos;
setInterval(MostrarRegistos,4000)
</script>
<div id="registro1"></div>
<div id="registro2"></div>
este mismo codigo lo probe sin la funcion js osea que me mostrara los datos del while y segun elijo otra opcion me cambie la consulta y los datos tambien de forma asincronica y me funciono , pero no consigo hacer que me funcione el js, alguien me puede ayudar?
Saludos.