<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>

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

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

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

$("#vacc_wellness_agegroups option:selected").val();

$('#dropdown').on('change', function() { var selected_option_value = $(this).find(":selected").val();
});

{"tags":[{"tag":"textarea","content":"$(\"id or class\")\n .off('change')\n .change(function()\n { \n var value = $(this)\n .children(\"option:selected\")\n .val();\n console.log(value);\n});","code_language":"javascript"}]}

$("div.id_100 select").val("val2").change();

If you want to get the selected option text, you can use $(select element). text() . var text = $('#aioConceptName option:selected'). text();
If you want to get selected option value, you can use $(select element). val() . var val = $('#aioConceptName option:selected').val();