Como desplegar de un radio button un select option

Ariel1986 · #1 (**permalink**) 21/12/2007, 20:03

Lo que necesito es saber como poder activar un select option a traves de un radio button... pero necesito poner varios select option que se activen con ese radio button........

porfasvor necesito ayuda urgente......

agressor · #2 (**permalink**) 21/12/2007, 22:26

Aqui esta tu solucion solo que cambia el evento por onselected creo que es es

http://www.forosdelweb.com/f13/mostr...-valor-354289/

Prueba y me cuentas..

Salu2..!

Ariel1986 · #3 (**permalink**) 22/12/2007, 10:58

gracias pero no entendi el codigo del link.....

replanteo mi problema...

mira tengo un formulario.....
dentro del cual tengo una seccion que se llama: Tipo de equipo.

en la cual quiero poner varios radio button.

uno es PC, otro Impresoras, otro red, otro monitor

entonces si yo activo el radio button de Pc, quiero que se active un select option en el que se pueda seleccionar la marca del pc, otro en el que se pueda seleccionar la capacidad del disco.

espero que me puedan ayudar... y me den algun codigo.

porfa ayudaa

JavierB · #4 (**permalink**) 22/12/2007, 11:11

Hola disco

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function activar(obj) {
  frm = document.forms[0];
  for (i=0; ele = frm.getElementsByTagName('select')[i]; i++)
    ele.style.display = (ele==frm[obj]) ? 'block' : 'none';
}
</script>
</head>
<body>
<form>
<input type="radio" name="rad" onclick="activar('pc')" checked="checked" />
<input type="radio" name="rad" onclick="activar('disco')" />
<select name="pc" style="display:block">
<option>pc 1</option>
<option>pc 2</option>
</select>
<select name="disco" style="display:none">
<option>disco 1</option>
<option>disco 2</option>
</select>
</form>
</body>
</html>

Saludos,

Ariel1986 · #5 (**permalink**) 22/12/2007, 18:58

Cita:

Iniciado por JavierB

Hola disco

Prueba este ejemplo:

Código PHP:

  <html>

<head>

<script type="text/javascript">

function activar(obj) {

  frm = document.forms[0];

  for (i=0; ele = frm.getElementsByTagName('select')[i]; i++)

    ele.style.display = (ele==frm[obj]) ? 'block' : 'none';

}

</script>

</head>

<body>

<form>

<input type="radio" name="rad" onclick="activar('pc')" checked="checked" />

<input type="radio" name="rad" onclick="activar('disco')" />

<select name="pc" style="display:block">

<option>pc 1</option>

<option>pc 2</option>

</select>

<select name="disco" style="display:none">

<option>disco 1</option>

<option>disco 2</option>

</select>

</form>

</body>

</html>

Saludos,

puede que me sirva pero con un radio button activo solamente un select option lo que me gustaria es que con un radio button activar varios select option......
de antemano
se los agradeceria enormemente

Ariel1986 · #6 (**permalink**) 22/12/2007, 21:13

javier estuve revisando tu codigo y funciona perfecto, pero trato de modificarlo para que en vez de activar un select option active 2 pero no funciona...... me podrian ayudar a solucionarlo......
porfa ayudenme

JavierB · #7 (**permalink**) 23/12/2007, 03:57

Hola de nuevo.

Aquí tienes un código un poco más complejo, creo que te servirá:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function activar() {
  frm = document.forms[0];
  for (i=0; ele = frm.getElementsByTagName('select')[i]; i++)
    ele.style.display = 'none';
  for (i=0; ele = arguments[i]; i++)
    frm[ele].style.display = 'block';
}
</script>
</head>
<body>
<form>
<input type="radio" name="rad" onclick="activar('pc','otro','pepe')" />
<input type="radio" name="rad" onclick="activar('disco','juan')" />
<select name="pc" style="display:none">
<option>pc</option>
</select>
<select name="disco" style="display:none">
<option>disco</option>
</select>
<select name="otro" style="display:none">
<option>otro</option>
</select>
<select name="pepe" style="display:none">
<option>pepe</option>
</select>
<select name="juan" style="display:none">
<option>juan</option>
</select>
</form>
</body>
</html>

Saludos,

Ariel1986 · #8 (**permalink**) 23/12/2007, 17:44

Cita:

Iniciado por JavierB

Hola de nuevo.

Aquí tienes un código un poco más complejo, creo que te servirá:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function activar() {
  frm = document.forms[0];
  for (i=0; ele = frm.getElementsByTagName('select')[i]; i++)
    ele.style.display = 'none';
  for (i=0; ele = arguments[i]; i++)
    frm[ele].style.display = 'block';
}
</script>
</head>
<body>
<form>
<input type="radio" name="rad" onclick="activar('pc','otro','pepe')" />
<input type="radio" name="rad" onclick="activar('disco','juan')" />
<select name="pc" style="display:none">
<option>pc</option>
</select>
<select name="disco" style="display:none">
<option>disco</option>
</select>
<select name="otro" style="display:none">
<option>otro</option>
</select>
<select name="pepe" style="display:none">
<option>pepe</option>
</select>
<select name="juan" style="display:none">
<option>juan</option>
</select>
</form>
</body>
</html>

Saludos,

Javier muchas gracias... tu codigo me sirvio pero me gustaria saber si se puede poner un texto antes del select option y que aparesca y desaparesca con el mismo radio button.

Lo que pasa es que yo tengo un campo dentro del radio button marca, entonces cuando se active el radio button tambien quiero que aparesca: Ingrese la marca. pero debe aparecer y desaparecer con el mismo radio button.....

de antemano gracias

maux · #9 (**permalink**) 27/12/2007, 02:16

Hola Ariel1986!

Has conseguido alguna forma de que te aparezca y desaparezca texto??

Muchas gracias de antemano!!

Ariel1986 · #10 (**permalink**) 27/12/2007, 08:38

hasta el momento no... pero lo que hise fue dejar en el formulario definido una parte con tabla..
les dejo el codigo que llevo solamente porque me han ayudado....

Cita:

<

<script type="text/javascript">
f
function cambiar()
{
var index=document.forms.formulario.marcai.selectedInd ex;

formulario.modeloi.length=0;

if(index==0) brother();
if(index==1) canon();
if(index==2) hp();
if(index==3) epson();
}

function brother(){

}

function canon(){
opcion0=new Option("BJ-100","BJ-100");

document.forms.formulario.modeloi.options[0]=opcion0;

}

function hp(){

opcion0=new Option("Deskjet 400","Deskjet 400");

document.forms.formulario.modeloi.options[0]=opcion0;

}

function epson(){
opcion0=new Option("Stylus Color","Stylus Color");

document.forms.formulario.modeloi.options[0]=opcion0;

}

</script>

<body>
<form name="formulario">
<input type="radio" name="rad" onclick="activar('marcap','disco','memoriap','tarv ideo','tarsonido','tarred')"/>Computador
<input type="radio" name="rad" onclick="activar('marcai','modeloi')" />Impresora
<br><br>

<select name="marcap" style="display:none">
<option>Ingrese la marca...</option>
<option>AMD</option>Marca
<option>Packard Bell</option>
<option>Olidata</option>
<option>Intel</option>
</select><br>
<select name="disco" style="display:none">
<option>Ingrese la capacidad deldisco</option>
<option>10 GB</option>
<option>15 GB</option>
<option>20 GB</option>
<option>30 GB</option>
<option>40 GB</option>
<option>60 GB</option>
<option>80 GB</option>
<option>120 GB</option>
<option>mas... GB</option>
</select><br>
<select name="memoriap" style="display:none">
<option>Ingrese cuanta memoria...</option>
<option>64 Mb</option>
<option>128 Mb</option>
<option>256 Mb</option>
<option>512 Mb</option>
<option>1 GB</option>
</select><br>
<select name="tarvideo" style="display:none">
<option>Tarjeta de video...</option>
<option>Integrada</option>
<option>si</option>
<option>no</option>
</select><br>
<select name="tarsonido" style="display:none">
<option>Tarjeta de sonido</option>
<option>Integrada</option>
<option>Si</option>
<option>No</option>
</select><br>
<select name="tarred" style="display:none">
<option>Tarjeta de red....</option>
<option>Integrada</option>
<option>Si</option>
<option>No</option>
</select><br>

<select name="marcai" OnChange="cambiar()">
<option value="brother" selected>Brother</option>
<option value="canon">Canon</option>
<option value="hp">HP</option>
<option value="epson">Epson</option>
</select>

<select name="modeloi">
<option value="HL-1230" selected>HL-1230</option>
<option value="HL-1240">HL-1240</option>
<option value="HL-1250">HL-1250</option>
</select>

</form>
</body>
</html>

traten de ver alguna forma de eliminar la tabla y que aparesca texto cuando se active el option button...