Obtener el valor de un JQuery DropDown Change Event Example

Al estilo:     <select name="select-native-17" id="select-native-17">         <option value="1">The 1st Option</option>         <option value="2">The 2nd Option</option>         <option value="3" selected="selected">The 3rd Option</option>         <option value="4">The 4th Option</option>     </select>

by limd

HTML

<!DOCTYPE html>
<body>
<form id="myform">

   Select a value from the list:
 
   <select id="dropdown_change">
 
      <option value="Sunday">Sun</option>
 
      <option value="Monday">Mon</option>
 
      <option value="Tuesday">Tue</option>
 
      <option value="Wednesday">Wed</option>
  
      <option value="Thursday">Thu</option>
  
      <option value="Friday">Fri</option>
  
      <option value="Saturday">Sat</option>
 
</select>
</form>
</body>
</html>

JavaScript

$(document).ready(function(){
     $("#dropdown_change").change(function(){
      alert("Selected value is : " + document.getElementById("dropdown_change").value);
      //ojo:
      //document.getElementById("dropdown_change").value
      //es lo mismo (siempre) que:      
      //$("#dropdown_change").val();
     });
   });