CheckBox des/habilita opciones de SelectBox

toniveas · #1 (**permalink**) 16/08/2002, 17:30

Código:

&lt;SCRIPT LANGUAGE=&quot;javascript&quot;&gt;
function procesa(valor)
{
if(valor == 1)
{
miFormu.check.disabled = true;
}
else if(valor == 2)
{
miFormu.check.disabled = false;
}
else if(valor == 3)
{
miFormu.check.disabled = true;
}
else if(valor == &quot;y con texto&quot;)
{
miFormu.check.disabled = false;
}
}
&lt;/SCRIPT&gt;


&lt;FORM NAME=&quot;miFormu&quot;&gt;
&lt;SELECT NAME=&quot;lista&quot; onChange=&quot;procesa(this.form.lista.options[this.form.lista.selectedIndex].value)&quot;&gt;
&lt;OPTION VALUE=&quot;0&quot;&gt;Seleccione Una Opcion&lt;/OPTION&gt;
&lt;OPTION VALUE=&quot;1&quot;&gt;Des-habilitar&lt;/OPTION&gt;
&lt;OPTION VALUE=&quot;2&quot;&gt;Habilitar&lt;/OPTION&gt;
&lt;OPTION VALUE=&quot;3&quot;&gt;Des-Habilitar&lt;/OPTION&gt;
&lt;OPTION VALUE=&quot;y con texto&quot;&gt;Habilitar&lt;/OPTION&gt;
&lt;/SELECT&gt;

&lt;INPUT TYPE=&quot;checkbox&quot; NAME=&quot;check&quot; VALUE=&quot;a&quot;&gt;Aver
&lt;/FORM&gt;

En este codigo, mediante un SelectBox (ventana de opciones) se activa o se desactiva un CheckBox (casilla de verificación) pero yo necesito todo lo contrario:

Dos RadioButtons: depende del que esté activados se muestren en el SelectBox, unas opciones u otras...

Es para un formulario en que se pregunta si se desea enviar el contenido a un Departamento o a un Programa (esta seleccion se hace mediante los dos RadioButtons), segun cual se active, en una ventana de opciones o SelectBox que viene a continuación, se muestran las diferentes direcciones de correo de los departamentos o de los programas.

Muchas gracias!

atlante · #2 (**permalink**) 16/08/2002, 18:04

Hola amigo eso esta un poco complicado de explicar pero intenta con este script:

Código:

  
&lt;HTML&gt;
&lt;HEAD&gt;
&lt;META NAME=&quot;GENERATOR&quot; Content=&quot;Microsoft Visual Studio 6.0&quot;&gt;
&lt;TITLE&gt;&lt;/TITLE&gt;
&lt;/HEAD&gt;
&lt;script language=&quot;javascript&quot;&gt;
/*
Autor:Ronald Guillen Rojas
Cambio de selects mediante radios.
*/
&lt;!--
function LP_modificar(op){
var dato=op;
if (dato == 1){
document.datos.abc.options[0].text=&quot;Departamento 1&quot;;
document.datos.abc.options[0].value=&quot;sel1&quot;;
document.datos.abc.options[1].text=&quot;Departamento 2&quot;;
document.datos.abc.options[0].value=&quot;sel2&quot;;
document.datos.abc.options[2].text=&quot;Departamento 3&quot;;
document.datos.abc.options[0].value=&quot;sel3&quot;;
}
if (dato == 2){
document.datos.abc.options[0].text=&quot;Programa 1      &quot;;
document.datos.abc.options[0].value=&quot;nuevovalor&quot;;
document.datos.abc.options[1].text=&quot;Programa 2&quot;;
document.datos.abc.options[0].value=&quot;nuevovalor&quot;;
document.datos.abc.options[2].text=&quot;Programa 3&quot;;
document.datos.abc.options[0].value=&quot;nuevovalor&quot;;
}
}
--&gt;
&lt;/script&gt;
&lt;basefont face=verdana size=2&gt;
&lt;BODY&gt;
&lt;form name=&quot;datos&quot;&gt;
&lt;input type=radio name=&quot;opcion&quot; checked onchange=&quot;LP_modificar(1)&quot;&gt;Departamentos&lt;br&gt;
&lt;input type=radio name=&quot;opcion&quot; onchange=&quot;LP_modificar(2)&quot;&gt;Programas&lt;br&gt;&lt;br&gt;
&lt;select name=&quot;abc&quot;&gt;
&lt;option value=&quot;sel1&quot;&gt;departamento1
&lt;option value=&quot;sel2&quot;&gt;departamento2
&lt;option value=&quot;sel3&quot;&gt;departamento3
&lt;/select&gt;
&lt;/form&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

lo acabo de escribir espero que te sirva.

atlante · #3 (**permalink**) 16/08/2002, 18:09

vaya con tanto apuro escribi mal el codigo ahora si puedes usarlo :

Código:

  

&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;&lt;/TITLE&gt;
&lt;/HEAD&gt;
&lt;script language=&quot;javascript&quot;&gt;
/*
Autor:Ronald Guillen Rojas
Cambio de selects mediante radios.
*/
&lt;!--
function LP_modificar(op){
var dato=op;
if (dato == 1){
document.datos.abc.options[0].text=&quot;Departamento 1&quot;;
document.datos.abc.options[0].value=&quot;sel1&quot;;
document.datos.abc.options[1].text=&quot;Departamento 2&quot;;
document.datos.abc.options[1].value=&quot;sel2&quot;;
document.datos.abc.options[2].text=&quot;Departamento 3&quot;;
document.datos.abc.options[2].value=&quot;sel3&quot;;
}
if (dato == 2){
document.datos.abc.options[0].text=&quot;Programa 1      &quot;;
document.datos.abc.options[0].value=&quot;nuevovalor&quot;;
document.datos.abc.options[1].text=&quot;Programa 2&quot;;
document.datos.abc.options[1].value=&quot;nuevovalor&quot;;
document.datos.abc.options[2].text=&quot;Programa 3&quot;;
document.datos.abc.options[2].value=&quot;nuevovalor&quot;;
}
}
--&gt;
&lt;/script&gt;
&lt;basefont face=verdana size=2&gt;
&lt;BODY&gt;
&lt;form name=&quot;datos&quot;&gt;
&lt;input type=radio name=&quot;opcion&quot; checked onchange=&quot;LP_modificar(1)&quot;&gt;Departamentos&lt;br&gt;
&lt;input type=radio name=&quot;opcion&quot; onchange=&quot;LP_modificar(2)&quot;&gt;Programas&lt;br&gt;&lt;br&gt;
&lt;select name=&quot;abc&quot;&gt;
&lt;option value=&quot;sel1&quot;&gt;departamento1
&lt;option value=&quot;sel2&quot;&gt;departamento2
&lt;option value=&quot;sel3&quot;&gt;departamento3
&lt;/select&gt;
&lt;/form&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;

toniveas · #4 (**permalink**) 16/08/2002, 18:11

Muchisimas gracias!... me va fenomenal!...
te lo agradezco... queda poca gente como tu...

toniveas · #5 (**permalink**) 16/08/2002, 18:42

Primero agradecerte tu ayuda, pero tengo un problema con tu codigo, que tiene que haber el mismo número de departamentos como de programas para que tu javascript funcione, porque si el de departamento solo tiene 5 opciones y el de programas 13, pues cuando la ventana muestra los programas, solo muestra los 5 primeros...

esto tiene solucion?

muchas gracias... otra vez