Golang React JS Technology Blog

How to get selected text from a select box using jQuery?

Different ways to get selected text from drop-down list: 
<script>
  $(document).ready(function()
  {
   $("#cars").change(function(){
  	alert($("#cars option:selected").text());
  	alert($("#cars :selected").text());
  	alert($("#cars").children(":selected").text());
  	alert($("#cars").find(":selected").text());
  });
  });
</script>
Working Example 
<!DOCTYPE html>
<html lang="en">
   <head>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
      <script>
         $(document).ready(function()
         {
          $("#cars").change(function(){
         	alert($("#cars option:selected").text());
         	alert($("#cars :selected").text());
         	alert($("#cars").children(":selected").text());
         	alert($("#cars").find(":selected").text());
         });
         });
      </script>
   </head>
   <body>
      <select name="cars" id="cars">
         <option value="volvo">Volvo</option>
         <option value="saab">Saab</option>
         <option value="fiat">Fiat</option>
         <option value="audi">Audi</option>
      </select>
   </body>
</html>
Most Helpful This Week
Generate random password for form field on click using JavaScript jQuery check if an element is visible or hidden JavaScript check if first string contains all characters of second string jQuery get the coordinates of div clicked jQuery show input text inside div after on click event How to current URL, HOST and URL attributes using JavaScript or jQuery?