Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Usando dropdown "condicional"

Olá, o código baixado do site (https://cursos.alura.com.br/course/avancando-html-css/task/33076), constroi radio buttons sendo que, se a opção "Outro" é selecionada, o campo de texto aparece.

Tentei fazer isto com dropdown list ao invés de radio buttons, porém não consegui. O que preciso fazer?

HTML

 <fieldset>
                    <legend class="assunto">Assunto:</legend>

                    <select name="assunto">
                        <option value="blog">Blog</option>
                        <option value="servico">Serviço</option>
                        <fieldset>
                            <option value="outro">
                                Outro
                                <input value="outro" type="text" name="outro-assunto" tabindex="1">
                            </option>
                        </fieldset>
                    </select>
                </fieldset>

CSS

input[value="outro"] {
    display: none;
}

option[value="outro"]:checked > input {
    display: inline;
}
1 resposta
solução!

Olá Roger, com dropdown não é possível mesmo pelo seguinte motivo:

Quando você faz com o radio e seleciona "Outro" ele cria um elemento separado para o usuário digitar.

No caso do Dropdown o elemento faria parte do mesmo conjunto de elementos fechados e por isso não dá pra criar um novo.

O máximo que dá pra tentar fazer é uma requisição AJAX para atualizar seu dropdown porém isso já é um assunto mais avançado que você pode ver nos cursos de JQuery aqui da Alura!

Espero que tenha ajudado!

Bons estudos! ^^

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software