ocultar Menulist segun boton de radio

[ramon92]

Tengo unas listas de menu (5) y 2 radio botones, la idea es q si elijo la opcion1 del radio boton se muestren 3 de las 5 listas, y si elijo la opcion2 se muestren las 5, deseo hacerlo con el radio boton no con el check box, si alguien conoce estos procedimientos se lo agradesco.

Código HTML:

<form id="formu" name="formu" method="post" action="">
  <br>
  <table width="694" border="0" align="center" cellpadding="0" cellspacing="0" id="combos">
    <tr align="left" valign="middle">
      <td width="666" align="center"><label>
        <select name="select1"  id="opcion1">
          <option>elegir</option>
        </select>
        <select name="select2" id="opcion2">
          <option>elegir</option>
        </select>
        <select name="select3" id="opcion3">
          <option>elegir</option>
        </select>
        <select name="select4" id="opcion4">
          <option>elegir</option>
        </select>
        <select name="select5" id="opcion5">
          <option>elegir</option>
        </select>
      </label></td>
    </tr>
    <tr align="left" valign="middle">
      <td height="40" align="center"><font size="-1">
        <label>
          <input name="opcion" type="radio" checked="CHECKED"/>
          opcion1
          <input name="opcion" type="radio"/>
          opcion2 </label>
      </font></td>
    </tr>
  </table> 

[caricatos]

Hola:

Puedes usar el onclick del radio para mostar u ocultar (según el caso) los 2 selects modificables:

<input type="radio" onclick="select1.style.display = 'none'; select2.style.display = 'none'" ...>

<input type="radio" onclick="select1.style.display = 'inline'; select2.style.display = 'inline'" ...>

Fíjate que he usado el estilo display (inline/none)... que no reserva espacio... si quisieras que se reservase el espacio deberías usar visibility (visible/hidden)

Y los elementos están referenciados por el name...
También se podría referenciar por el id con document.getElementById...
Yo suelo definir un método "tag" así:
function tag(id) {
return document.getElementById(id);
}

y luego el evento variaría:

tag('opcion1').style.display = ...

Saludos

[ramon92]

gracias caricatos me salio de primera, un abrazo

[caricatos]

¡Estupendo... me alegro que te haya servido!

Saludos