get the option text from select in jquery 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 of selected option jquery

$('#id').children(':selected').text();

Example 3: jquery selected option text

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

Example 4: get text in select jquery

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

Example 5: get option value jquery

<select id="state">
    <option value="state1" data-id="1">state1</option>
    <option value="state2" data-id="2">state2</option>
    <option value="state3" data-id="3">state3</option>
</select>

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

//output state2

Tags:

Html Example