-1

Como ao selecionar o valor de um combobox na mesma hora alguns textbox sejam carregados? É uma edição de usuário. Sei que isso deve ser feito em JS, alguém poderia me informar como?

4
  • pt.stackoverflow.com/questions/14646/… já possui algo parecido
    – user6026
    Commented 11/05/2014 às 3:24
  • Tentou utilizar ajax? Ou pode carregar todas as informações do banco antes e só preencher os elementos com o js. Commented 11/05/2014 às 3:26
  • Você já tentou fazer alguma coisa? São textos fixos ou informações dinâmicas? Quanto mais completo você for na sua pergunta melhor será a resposta obtida. Commented 11/05/2014 às 4:13
  • Leandro, as textbox que pretende carregar têm dados de uma base de dados ou quer somente novos textbox para serem preenchidos pelo usuário?
    – Sergio
    Commented 11/05/2014 às 6:29

1 Resposta 1

0

Considerando que o valor do menu dropdown deve ser capturado e, a partir dele, o script deve decidir o que fazer, montei o exemplo a seguir. É só adaptar para as suas necessidades.

<!DOCTYPE html>
<html>
    <head>
        <title>Atualização com JS puro</title>
        <meta charset="UTF-8" />
    </head>
    <body>
        <select id="selecao">
            <option value="1ª opção" selected>Primeira opção aqui</option>
            <option value="2ª opção">Segunda opção aqui</option>
            <option value="personalizar">Personalizar</option>
        </select>
        <input id="caixa1" type="text" />
        <div id="div_personalizar" style="visibility: hidden;">
            <input type="radio" name="radios" checked /> Opção padrão
            <input type="radio" name="radios" /> Opção escondida
        </div>
        <script>
            // Selecionamos o menu dropdown, que possui os valores possíveis:
            var menu_dropdown = document.getElementById("selecao");

            // Requisitamos que a função handler (que copia o valor selecionado para a caixa de texto) [...]
            // [...] seja executada cada vez que o valor do menu dropdown mude:
            menu_dropdown.addEventListener("change", function(){

                // Como este código é executado após cada alteração, sempre obtemos o valor atualizado:
                var valor_selecionado = menu_dropdown.options[menu_dropdown.selectedIndex].value;

                // Altere este código se desejar resultados mais complexos:
                if(valor_selecionado == "personalizar"){
                    document.getElementById("div_personalizar").style.visibility = "";
                } else {
                    document.getElementById("caixa1").value = valor_selecionado;
                    document.getElementById("div_personalizar").style.visibility = "hidden";
                }

            });
            // Opcional: copia o valor inicial. Sem essa linha, a caixa de texto inicia vazia.
            document.getElementById("caixa1").value = menu_dropdown.options[menu_dropdown.selectedIndex].value;
        </script>
    </body>
</html>

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .