get value select option 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 selected option jquery

$('#id option:selected').text()

Example 3: jquery get selected option value

$("select.your-select").change(function(){ 
	$(this).children("option:selected").val();
});

Example 4: jquery select option by value

$('.id_100 option[value=val2]').attr('selected','selected');

Example 5: jquery option selected value

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2" selected="selected">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

<script>
  alert($( "#myselect" ).val()); //alert '2'
  //OR
  alert($( "#myselect option:selected" ).attr('value')); //alert '2'
  
  //Use this if you want to get the label and not the value
  alert($( "#myselect option:selected" ).text()); //alert 'Mrs'
</script>

Example 6: 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