value in select tag usinh js

<body> <select id="list" style="padding: 10px;" onchange="getSelectValue();"> <option value="js">JavaScript</option> <option value="php">PHP</option> <option value="c#">Csharp</option> <option value="java">Java</option> <option value="node">Node.js</option> </select> <script> function getSelectValue() { var selectedValue = document.getElementById("list").value; alert(selectedValue); } getSelectValue(); </script> </body>

js select option value when selected

(function() {
    
    // get references to select list and display text box
    var sel = document.getElementById('scripts');
    var el = document.getElementById('display');


    function getSelectedOption(sel) {
        var opt;
        for ( var i = 0, len = sel.options.length; i < len; i++ ) {
            opt = sel.options[i];
            if ( opt.selected === true ) {
                break;
            }
        }
        return opt;
    }

    // assign onclick handlers to the buttons
    document.getElementById('showVal').onclick = function () {
        el.value = sel.value;    
    }
    
    document.getElementById('showTxt').onclick = function () {
        // access text property of selected option
        el.value = sel.options[sel.selectedIndex].text;
    }

    document.getElementById('doLoop').onclick = function () {
        var opt = getSelectedOption(sel);
        el.value = opt.value;
    }
    
}());
// immediate function to preserve global namespace

Posted by: Guest on December-27-2020

Source

Answers for "value in select tag usinh js"

Code answers related to "value in select tag usinh js"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us