Hola, soy nueva en este tema, y estoy bloqueada. Necesito hacer una página con AJAX, en la que mediante un <select> seleccione un número, y me aparezca un registro de un XML con un id igual a ese numero. Mediante la herramienta XMLHttpRequest consigo que me muestre todo el XML en formato de texto, pero no la seleccionada. ¿Podríais ayudarme? Estoy bloqueada.
Os muestro los códigos:
Código HTML:
<head>
<script language="JavaScript" type="text/javascript">
var peticion01 = null; //Creamos la variable
//Para Internet Explorer creamos un objeto ActiveX
if(navigator.appName=="Microsoft Internet Explorer"){
peticion01 = new ActiveXObject("Microsoft.XMLHTTP");
}else{
peticion01 = new XMLHttpRequest;
}
function Coger(url) {//Función coger, en esta caso le entra una dirección relativa al documento actual.
if(peticion01) { //Si tenemos el objeto peticion01
peticion01.open('GET', url, false); //Abrimos la url, false=forma síncrona
peticion01.send(null); //No le enviamos datos al servidor.
//Escribimos la respuesta en el campo con ID=resultado
document.getElementById('resultado').innerHTML=peticion01.responseText;
}
}
</script>
</head>
<body>
<form method="get">
<select id="numero">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</form>
<button onClick="Coger('datos/provincias.xml')">Coge un documento</button>
<table >
<tr>
<!--El campo con id=resultado se sustituirá por causa de que ese id está en la función coger-->
<td><span id="resultado"></span></td>
</tr>
</table>
</body> Y el código XML (lo he simplificado bastante):
Código XML:
Ver original<?xml version="1.0" encoding="iso-8859-1"?>
<Provincias>
<Ciudad id='1'>Almeria</Ciudad>
<Ciudad id='2'>Cadiz</Ciudad>
<Ciudad id='3'>Cordoba</Ciudad>
</Provincias>
Gracias por anticipado