- Tengo campos select, uno de ellos son los departamentos y al seleccionar uno habilita otro select en el cual aparecen las ciudades del departamento que seleccione.
Existe unos campos similares al anterior en donde yo selecciono un tipo de programa y en otro select aparecen todos los programas del tipo de programa que selecicone.
El problema esque cuando selecciono la ciudad o cuando selecciono un tipo de programa, el resultado me aparece en el mismo select.
Espero que me entiendan este revuelto.... les anexo el codigo que estoy utilizando: Mil Gracias
Cita:
//Crea el objeto AJAX para los departamentos
function DepAjax(){
var xmlhttp=false;
try {
// Creación del objeto ajax para navegadores diferentes a Explorer
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
// o bien
try {
// Creación del objet ajax para Explorer
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
//Crea el objeto AJAX para el primer tipo de programa
function Prog1Ajax(){
var xmlhttp=false;
try {
// Creación del objeto ajax para navegadores diferentes a Explorer
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
// o bien
try {
// Creación del objet ajax para Explorer
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
//Carga el contenido de la variable Ciudad
function cargaContenidoCiudad()
{
var valorCiudad=document.getElementById("select_Depart ").options[document.getElementById("select_Depart").selectedI ndex].value;
if(valorCiudad==0)
{
// Si el usuario eligio la opcion "Elige", no voy al servidor y pongo todo por defecto
comboCiudad=document.getElementById("select_Ciudad ");
comboCiudad.length=0;
var nuevaOpcionCiudad=document.createElement("option") ; nuevaOpcionCiudad.value=0; nuevaOpcionCiudad.innerHTML="Selecciona 1 Ciudad.11..";
comboCiudad.appendChild(nuevaOpcionCiudad); comboCiudad.disabled=true;
}
else
{
ajax=DepAjax();
ajax.open("GET", "select_dependientes_proceso.php?Depseleccionado=" +valorCiudad, true);
ajax.onreadystatechange=function(validaDepart)
{
if (ajax.readyState==1)
{
// Mientras carga elimino la opcion "Elige pais" y pongo una que dice "Cargando"
comboCiudad=document.getElementById("select_Ciudad ");
comboCiudad.length=0;
var nuevaOpcionCiudad=document.createElement("option") ; nuevaOpcionCiudad.value=0; nuevaOpcionCiudad.innerHTML="Cargando...";
comboCiudad.appendChild(nuevaOpcionCiudad); comboCiudad.disabled=true;
}
if (ajax.readyState==4)
{
document.getElementById("fila_2").innerHTML=ajax.r esponseText;
}
}
ajax.send(null);
}
}
//Carga contenido de la variable Programa1
function cargaContenidoProg1()
{
var valorProg1=document.getElementById("select_ClProg1 ").options[document.getElementById("select_ClProg1").selected Index].value;
if(valorProg1==0)
{
// Si el usuario eligio la opcion "Elige", no voy al servidor y pongo todo por defecto
comboProg1=document.getElementById("select_Prog1") ;
comboProg1.length=0;
var nuevaOpcionProg1=document.createElement("option"); nuevaOpcionProg1.value=0; nuevaOpcionProg1.innerHTML="Selecciona Programa...";
comboProg1.appendChild(nuevaOpcionProg1); comboProg1.disabled=true;
}
else
{
ajax=Prog1Ajax();
ajax.open("GET", "select_dependientes_proceso.php?Prog1seleccionado ="+valorProg1, true);
ajax.onreadystatechange=function(validaProg1)
{
if (ajax.readyState==1)
{
// Mientras carga elimino la opcion "Elige pais" y pongo una que dice "Cargando"
comboProg1=document.getElementById("select_Prog1") ;
comboProg1.length=0;
var nuevaOpcionProg1=document.createElement("option"); nuevaOpcionProg1.value=0; nuevaOpcionProg1.innerHTML="Cargando...";
comboProg1.appendChild(nuevaOpcionProg1); comboProg1.disabled=true;
}
if (ajax.readyState==4)
{
document.getElementById("fila_2").innerHTML=ajax.r esponseText;
}
}
ajax.send(null);
}
}
//Crea el objeto AJAX para los departamentos
function DepAjax(){
var xmlhttp=false;
try {
// Creación del objeto ajax para navegadores diferentes a Explorer
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
// o bien
try {
// Creación del objet ajax para Explorer
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
//Crea el objeto AJAX para el primer tipo de programa
function Prog1Ajax(){
var xmlhttp=false;
try {
// Creación del objeto ajax para navegadores diferentes a Explorer
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
// o bien
try {
// Creación del objet ajax para Explorer
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
//Carga el contenido de la variable Ciudad
function cargaContenidoCiudad()
{
var valorCiudad=document.getElementById("select_Depart ").options[document.getElementById("select_Depart").selectedI ndex].value;
if(valorCiudad==0)
{
// Si el usuario eligio la opcion "Elige", no voy al servidor y pongo todo por defecto
comboCiudad=document.getElementById("select_Ciudad ");
comboCiudad.length=0;
var nuevaOpcionCiudad=document.createElement("option") ; nuevaOpcionCiudad.value=0; nuevaOpcionCiudad.innerHTML="Selecciona 1 Ciudad.11..";
comboCiudad.appendChild(nuevaOpcionCiudad); comboCiudad.disabled=true;
}
else
{
ajax=DepAjax();
ajax.open("GET", "select_dependientes_proceso.php?Depseleccionado=" +valorCiudad, true);
ajax.onreadystatechange=function(validaDepart)
{
if (ajax.readyState==1)
{
// Mientras carga elimino la opcion "Elige pais" y pongo una que dice "Cargando"
comboCiudad=document.getElementById("select_Ciudad ");
comboCiudad.length=0;
var nuevaOpcionCiudad=document.createElement("option") ; nuevaOpcionCiudad.value=0; nuevaOpcionCiudad.innerHTML="Cargando...";
comboCiudad.appendChild(nuevaOpcionCiudad); comboCiudad.disabled=true;
}
if (ajax.readyState==4)
{
document.getElementById("fila_2").innerHTML=ajax.r esponseText;
}
}
ajax.send(null);
}
}
//Carga contenido de la variable Programa1
function cargaContenidoProg1()
{
var valorProg1=document.getElementById("select_ClProg1 ").options[document.getElementById("select_ClProg1").selected Index].value;
if(valorProg1==0)
{
// Si el usuario eligio la opcion "Elige", no voy al servidor y pongo todo por defecto
comboProg1=document.getElementById("select_Prog1") ;
comboProg1.length=0;
var nuevaOpcionProg1=document.createElement("option"); nuevaOpcionProg1.value=0; nuevaOpcionProg1.innerHTML="Selecciona Programa...";
comboProg1.appendChild(nuevaOpcionProg1); comboProg1.disabled=true;
}
else
{
ajax=Prog1Ajax();
ajax.open("GET", "select_dependientes_proceso.php?Prog1seleccionado ="+valorProg1, true);
ajax.onreadystatechange=function(validaProg1)
{
if (ajax.readyState==1)
{
// Mientras carga elimino la opcion "Elige pais" y pongo una que dice "Cargando"
comboProg1=document.getElementById("select_Prog1") ;
comboProg1.length=0;
var nuevaOpcionProg1=document.createElement("option"); nuevaOpcionProg1.value=0; nuevaOpcionProg1.innerHTML="Cargando...";
comboProg1.appendChild(nuevaOpcionProg1); comboProg1.disabled=true;
}
if (ajax.readyState==4)
{
document.getElementById("fila_2").innerHTML=ajax.r esponseText;
}
}
ajax.send(null);
}
}