jquery change select option value code example

Example 1: set select option as selected jquery

$(document).ready(function() {
    $("#gate option[value='Gateway 2']").prop('selected', true);
    // you need to specify id of combo to set right combo, if more than one combo
});

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

var conceptName = $('#aioConceptName').find(":selected").val();

Example 4: select option value jquery

$("select.country").change(function(){
  var selectedCountry = $(this).children("option:selected").val();
  alert("You have selected the country - " + selectedCountry);
});

Example 5: change value of drop down using jquery

$('#ddlID').val('New_OptionValue').change()

Example 6: dropdown option selection change event in jquery

$("select [name='element_name']").change(function(){
	// condition goes here
});