选择DropDown菜单会将选项变为按钮

Question

does anyone know if there is a way to make a dropdown menu that when an option is chosen it then turns that option into a button using html or is that only possible in php or is it not possible at all

Answer 1

You can use this its working

Html

<input type="button" id="conv_but" value="" style="display:none">
    <select name="data_select" id="data_select" onchange="converttobutton(this.value);">
        <option value="One">One</option>
        <option value="Two">Two</option>
        <option value="Three">Three</option>
        <option value="Four">Four</option>
        <option value="Five">Five</option>
        <option value="Six">Six</option>
    </select>

Javascript

<script type="text/javascript">
    function converttobutton(selected)
    {
        document.getElementById('conv_but').value = selected;
        document.getElementById('data_select').style.display = 'none';
        document.getElementById('conv_but').style.display = '';
    }
    </script>