Programación Web y Scripting > JavaScript
Dos Combos
(1/1)
El_Lucho:
Hola, quisiera saber si hay alguna forma de que al tener dos combos (select) puedan cambiarse las opciones desde uno al otro, mediante dos botones(uno para mover de derecha a izq y otro al reves), muchas gracias de antemano.
xcx:
algo así como select dependientes?...
osea, si seleccionas una opcion, que las opciones del otro cambien automáticamente?.. si hay.. y no necesitas los botones.. pero si quieres usar los botones seria llamar los metodos en vez de que lo haga en onChange...
aquí te voy a dejar un ejemplo.. ahí lo acomodas a tu pinta...
--- Código: Text --- <html><script LANGUAGE="JavaScript"> function slctr(texto,valor){this.texto = textothis.valor = valor} var herramientas=new Array()herramientas[0] = new slctr('- -Herramientas- -')herramientas[1] = new slctr("Jardín",'jardin')herramientas[2] = new slctr("fontanería",'fontaneria') var muebles=new Array()muebles[0] = new slctr('- -Muebles- -')muebles[1] = new slctr("Salón",'salon')muebles[2] = new slctr("dormitorio",'dormitorio') //*******Nietos*******************var jardin = new Array()jardin[0] = new slctr('- -Jardín- -')jardin[1] = new slctr("podadora",null)jardin[2] = new slctr("segadora" ,null) var fontaneria = new Array()fontaneria[0] = new slctr('- -Fontanería- -')fontaneria[1] = new slctr("llave inglesa",null)fontaneria[2] = new slctr("llave fija",null) var salon = new Array()salon[0] = new slctr('- -Salón- -')salon[1] = new slctr("Mesa",null)salon[2] = new slctr("silla" ,null)var dormitorio = new Array()dormitorio[0] = new slctr('- -Dormitorio- -')dormitorio[1] = new slctr("cama",null)dormitorio[2] = new slctr("mesita" ,null) function slctryole(cual,donde){if(cual.selectedIndex != 0){ donde.length=0 cual = eval(cual.value) for(m=0;m<cual.length;m++){ var nuevaOpcion = new Option(cual[m].texto); donde.options[m] = nuevaOpcion; if(cual[m].valor != null){ donde.options[m].value = cual[m].valor } else{ donde.options[m].value = cual[m].texto } } }}</script> <body><form name="form1" method="post" action=""> <select name="select" onchange="slctryole(this,this.form.select2)"> <option>- - Seleccionar - -</option> <option value="herramientas">herramientas</option> <option value="muebles">muebles</option> </select> <select name="select2" onchange="slctryole(this,this.form.select3)"> <option>- - - - - -</option> </select> <select name="select3"> <option>- - - - - -</option> </select></form></body></html> pd: Viva el copy&paste ^_^V
El_Lucho:
muchas gracias, no era exactamente lo que necesitaba pero me sirvio mucho. :smartass: :kicking:
xcx:
Y que es lo que necesitas entonces? aun asi te sirvio? fue pk andaba cerca.. para otra, intenta ser mas especifico en tu pregunta... pk lo que coloque, fue pk casi tuve que adivinar a que te referias.... :hola:
Navegación
Ir a la versión completa