Si buscas hosting web, dominios web, correos empresariales o crear páginas web gratis, ingresa a PaginaMX
Por otro lado, si buscas crear códigos qr online ingresa al Creador de Códigos QR más potente que existe

Curso de programacion en HTML5

Crear un cuadro de dialogo

Campo de seleccion con funciones y eventos js

Funcion que cambia las opciones de un selector en base a lo escogido en otro selector.

Un ejemplo con un total de tres campos selectores. una de las tantas maneras de hacerlo es con JavaScipt y lo haremos de la siguiente manera:

crear los arreglos para cada uno de los datos que necesitemos
llenar los arreglos con otros arreglos de selector
crear una funcion que ejecute el cambio de cada caja de seleccion

function slctr(texto,valor){

this.texto = texto

this.valor = valor

}

//crear el arreglo de un pais y en el almacenar los departamentos

var colombia=new Array()

colombia[0] = new slctr('estados')

colombia[1] = new slctr("antioquia",'antioquia')

colombia[2] = new slctr("atlantico",'atlantico')

var panama=new Array()

panama[0] = new slctr('seleccion estado')

panama[1] = new slctr("estado2",'estado2')

panama[2] = new slctr("estado1",'estado1')

//Crear el arreglo para un estado y en el almacenar los selectores ciudad

var estado2 = new Array()

estado2[0] = new slctr('- -seleccione ciudad- -')

estado2[1] = new slctr("ejm1",null)

estado2[2] = new slctr("ejem2" ,null)

var estado1 = new Array()

estado1[0] = new slctr('- -seleccione ciudad- -')

estado1[1] = new slctr("ciudad de panama",null)

estado1[2] = new slctr("otra..",null)

var atlantico = new Array()

atlantico[0] = new slctr('- -ciudad- -')

atlantico[1] = new slctr("cartagena",null)

atlantico[2] = new slctr("soledad" ,null)

var antioquia = new Array()

antioquia[0] = new slctr('- -cuidad- -')

antioquia[1] = new slctr("Medellin",null)

antioquia[2] = new slctr("Rionegro" ,null)

//funcion para ejecutar el cambio de selector

function seleccion(a,b){

if(a.selectedIndex != 0){

b.length=0

a = eval(a.value)

for(i=0;i<a.length;i++){

var nuevaOpcion = new Option(a[i].texto);

b.options[i] = nuevaOpcion;

if(a[i].valor != null){

b.options[i].value = a[i].valor

}

else{

b.options[i].value = a[i].texto

}

</script>

<option>- - Seleccionar - -</option>

<option value="colombia">Colombia</option>

<option value="panama">panama</option>

</select>

</select>

</select>

</form>

Prueba el codigo y verras como funciona, espero haber sido claro

Anónimo

10 Jan 2020 - 03:41 am

Antibiotics Keflex buy cialis Comprare Levitra Su Internet



Inicio Programacion Libro de Visitas Zona de Descargas
Blog Últimas publicaciones Menú Inicio Programacion Libro de Visitas Descargas Contáctanos	Si buscas hosting web, dominios web, correos empresariales o crear páginas web gratis, ingresa a PaginaMX Por otro lado, si buscas crear códigos qr online ingresa al Creador de Códigos QR más potente que existe Tweet Curso de programacion en HTML5 Crear un cuadro de dialogo Campo de seleccion con funciones y eventos js Funcion que cambia las opciones de un selector en base a lo escogido en otro selector. Un ejemplo con un total de tres campos selectores. una de las tantas maneras de hacerlo es con JavaScipt y lo haremos de la siguiente manera: crear los arreglos para cada uno de los datos que necesitemos llenar los arreglos con otros arreglos de selector crear una funcion que ejecute el cambio de cada caja de seleccion <script type="text/javascript"> function slctr(texto,valor){ this.texto = texto this.valor = valor } //crear el arreglo de un pais y en el almacenar los departamentos var colombia=new Array() colombia[0] = new slctr('estados') colombia[1] = new slctr("antioquia",'antioquia') colombia[2] = new slctr("atlantico",'atlantico') var panama=new Array() panama[0] = new slctr('seleccion estado') panama[1] = new slctr("estado2",'estado2') panama[2] = new slctr("estado1",'estado1') //Crear el arreglo para un estado y en el almacenar los selectores ciudad var estado2 = new Array() estado2[0] = new slctr('- -seleccione ciudad- -') estado2[1] = new slctr("ejm1",null) estado2[2] = new slctr("ejem2" ,null) var estado1 = new Array() estado1[0] = new slctr('- -seleccione ciudad- -') estado1[1] = new slctr("ciudad de panama",null) estado1[2] = new slctr("otra..",null) var atlantico = new Array() atlantico[0] = new slctr('- -ciudad- -') atlantico[1] = new slctr("cartagena",null) atlantico[2] = new slctr("soledad" ,null) var antioquia = new Array() antioquia[0] = new slctr('- -cuidad- -') antioquia[1] = new slctr("Medellin",null) antioquia[2] = new slctr("Rionegro" ,null) //funcion para ejecutar el cambio de selector function seleccion(a,b){ if(a.selectedIndex != 0){ b.length=0 a = eval(a.value) for(i=0;i<a.length;i++){ var nuevaOpcion = new Option(a[i].texto); b.options[i] = nuevaOpcion; if(a[i].valor != null){ b.options[i].value = a[i].valor } else{ b.options[i].value = a[i].texto } } } } </script> <form name="form1" method="post" action=""> <!-- crear el selector con los paises (el primer arreglo de selector) --> <select name="pais" onchange="seleccion(this,this.form.estado)"> <option>- - Seleccionar - -</option> <option value="colombia">Colombia</option> <option value="panama">panama</option> </select> <select name="estado" onchange="seleccion(this,this.form.ciudad)"> <option>- - - - - -</option> </select> <select name="ciudad"> <option>- - - - - -</option> </select> </form> Prueba el codigo y verras como funciona, espero haber sido claro Anónimo 10 Jan 2020 - 03:41 am Antibiotics Keflex buy cialis Comprare Levitra Su Internet 0 Agregar un comentario Tu nombre Tu dirección de correo (no se mostrará) ¿De qué color es el pasto? (chequeo de seguridad) Mensaje *
Tu Sitio Web Gratis © 2024 198557

Blog

Menú

Campo de seleccion con funciones y eventos js

Agregar un comentario