jquery get selected dropdown option code example

Example 1: jquery get selected option value

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

Example 2: 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 3: jquery get dropdown list selected value

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

Example 4: jquery: get selected option of the drop down list

$('#ddlID').val();
$('#ddlID').text();

Tags:

Html Example