Esconder/Mostar um drop-down list de acordo com o Radio selecionado

15/10/2020

Boa a noite a todos.

Eu tenho o seguinte c�digo que me mostra um radio

<input type="radio" name="radio01" id="radio01" value="radio01" onclick="FuncRadio01()"/>

E eu tenho o seguinte c�digo de um drop-down list que est� oculta(hidden) e que deve ser exibido somente se o radio estiver "checked"

<select id="ListaOpcoes" name="ListaOpcoes" hidden>
            <option>Selecione</option>
            <option value="opcao01">Op��o 01</option>
            <option value="opcao02">Op��o 02</option>
            <option value="opcao03">Op��o 03</option>
            <option value="opcao04">Op��o 04</option>
 </select>

Eu estou tentando criar uma Fun��o em Javascript para quando o radio estiver checked, o drop-down list apare�a, mas n�o estou conseguindo.

Meu script

 <script>
var radio01 = document.getElementsByName("radio01");
var ListaOpcoes = document.getElementsByName("ListaOpcoes");

function FuncRadio01() {               
   if(radio01[0].checked) {
      // Aqui deve ir c�digo pra exibir o drop-down list,  mas n�o sei o que colocar.
     // J� tentei "ListaOpcoes.removeAttribute("hidden");" e n�o funcionou.
    // J� tentei "ListaOpcoes.show();" e n�o funcionou.
   }
}
</script>

Algu�m pode me ajudar?
Desde j� eu agrade�o.

Carlos Massam

Curtir t�pico + 0

Responder