how to get the value of an option in select javascript

<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>

// reference to 'scripts' select list // used throughout the examples below var sel = document.getElementById('scripts'); // display value property of select list (from selected option) console.log( sel.value );

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

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "how to get the value of an option in select javascript"

Code answers related to "how to get the value of an option in select javascript"

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