Javascript: If dropdownlist is selected, how do I load the fields? [closed]

-1

Good Afternoon Galley,

How do I load some fields if Dropdownlist value is selected?

    
asked by anonymous 21.09.2015 / 16:01

1 answer

2

It can be done this way

O html

<select id='meuDropdown'>
    <option value='1'>Opção 1</option>
    <option value='2'>Opção 2</option>
    <option value='3'>Opção 3</option>
    <option value='4'>Opção 4</option>
</select>

<input type='text' id='meuInputText' style='display: none' />

The javascript

<script type='text/javascript'>
        var dropdown = document.getElementById('meuDropdown');

        function onDropdownChanged()
        {
            console.log(dropdown.selectedIndex);
            //aqui você pode fazer o que quiser com o valor selecionado
            //por exemplo
            if(dropdown.options[dropdown.selectedIndex].value == 2) {
                //faz algo quando o valor selecionado for 2
                console.log('Selecionou o valor 2');

                //mostra o input quando o valor selecionado for 2
                var meuInput = document.getElementById('meuInputText');
                meuInput.style.display = 'block';
            }
        }

        if (dropdown.addEventListener)
        {
            dropdown.addEventListener('change', onDropdownChanged, false);
        }
        else
        {
            // suporte para o IE
            dropdown.attachEvent('onchange', onDropdownChanged, false);
        }
    </script>

Example in JSFiddle link

I hope I have helped

    
21.09.2015 / 16:14