dropdown menu selected value jquery code example

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

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

Example 2: select option value jquery

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

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

<asp:DropDownList ID="DropDownListId" runat="server" CssClass="DropDownListClass"></asp:DropDownList>

var value1 = $("[id*=DropDownListId]").val();
var value2 = $(".DropDownListClass").val();