jquery get option selected value code example

Example 1: jquery get selected option value

var selectedOptionText = $('#mySelectID').find(":selected").text();//selected option text
var selectedOptionVal = $('#mySelectID').find(":selected").val();//selected option value

Example 2: get text in select jquery

$("#id option:selected").text();

Example 3: jquery selected option value

$(document).ready(function(){
    $("select.country").change(function(){
        var selectedCountry = $(this).children("option:selected").val();
        alert("You have selected the country - " + selectedCountry);
    });

Example 4: get option value jquery

    state1
    state2
    state3


$('#state option[data-id="2"]').val();

//output state2

Example 5: jquery get dropdown list selected value

$('#dropDownId').val();

Example 6: select box get value

// 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 );