dropdown jquery 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: jqury get selected option

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

<script>
$( "#myselect option:selected" ).val();
</script>

Example 3: how to fetch the selected value of dropdown jquery

BY LOVE
$('#ddlName option:selected').val();

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

Example 5: jquery get dropdown list selected value

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

Example 6: jquery dropdown selected value show field

jQuery(document).ready(function() {
    jQuery("#carm3").change(function() {
        if (jQuery(this).val() === 'other'){ 
            jQuery('input[name=other_interest]').show();   
        } else {
            jQuery('input[name=other_interest]').hide(); 
        }
    });
});