Expand|Select|Wrap|Line Numbers
- <?xml version="1.0" encoding="utf-8" ?>
- <departamentos>
- <departamento>
- <id>1</id>
- <nombre>Lima</nombre>
- <provincias>
- <provincia>
- <id>1</id>
- <nombre>Lima</nombre>
- </provincia>
- <provincia>
- <id>2</id>
- <nombre>Barranca</nombre>
- </provincia>
- </provincias>
- </departamento>
- <departamento>
- <id>2</id>
- <nombre>La Libertad</nombre>
- <provincias>
- <provincia>
- <id>1</id>
- <nombre>Trujillo</nombre>
- </provincia>
- <provincia>
- <id>2</id>
- <nombre>Chepen</nombre>
- </provincia>
- </provincias>
- </departamento>
- </departamentos>
Expand|Select|Wrap|Line Numbers
- <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <title>Página sin título</title>
- <script language="javascript" type="text/javascript">
- var http_request = false;
- function makeRequest(url, parameters, functionName){
- if(window.XMLHttpRequest){
- http_request = new XMLHttpRequest();
- if(http_request.overrideMimeType){
- http_request.overrideMimeType('text/xml');
- }
- }
- else if(window.ActiveXObject){
- try{
- http_request = new ActiveXObject("Msxml2.XMLHTTP");
- }
- catch (e){
- try{
- http_request = new ActiveXObject("Microsoft.XMLHTTP");
- }
- catch (e){}
- }
- }
- if(!http_request){
- alert('No se pudo cargar correctamente el objeto XMLHTTPRequest');
- return false;
- }
- var cadena = "http_request.onreadystatechange = " + functionName;
- eval(cadena);
- http_request.open('GET', url + parameters, true);
- http_request.send(null);
- }
- function do_xml(functionName){
- makeRequest('data.xml', '', functionName);
- }
- function SetDepartamentos(){
- if(http_request.readyState == 4){
- if(http_request.status == 200){
- var xmldoc = http_request.responseXML;
- var depas = xmldoc.getElementsByTagName('departamento');
- var ddl = document.getElementById('DDLdepartamentos');
- for(var i = 0;i<depas.length;i++){
- ddl.options[ddl.options.length]=new Option(depas[i].getElementsByTagName("nombre")[0].firstChild.nodeValue, depas[i].getElementsByTagName("id")[0].firstChild.nodeValue);
- }
- }
- else{
- alert('Hubo un problema al realizar la peticion');
- }
- }
- }
- function SetProvincias(){
- if(http_request.readyState == 4){
- if(http_request.status == 200){
- var xmldoc = http_request.responseXML;
- var provi = xmldoc.getElementsByTagName('provincia');
- var depa = document.getElementById('DDLdepartamentos').nodeValue;
- var ddl = document.getElementById('DDLprovincias');
- for(var i = 0;i<provi.length;i++){
- dll.options[dll.options.length]=new Option(depa.provi[i].getElementsByTagName("nombre")[0].firstChild.nodevalue, depa.provi[i].getElementsByTagName("id")[0].firstChild.nodeValue);
- }
- }
- else{
- alert('Hubo un problema al realizar la peticion');
- }
- }
- }
- </script>
- </head>
- <body onload="do_xml(SetDepartamentos)">
- <form id="form1" runat="server" >
- Departamentos<br />
- <select id="DDLdepartamentos" name="DDLdepartamentos" onchange="do_xml(SetProvincias)">
- </select><br />
- Provincias<br />
- <select id="DDLprovincias" name="DDLprovincias">
- </select>
- </form>
- </body>
- </html>