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
jQuery simple form with name and email validations
Using jQuery delete table row on click
Write a function that splits an array into groups the length of size and returns them as a two-dimensional array
jQuery show input text inside div after on click event
How to check a variable is undefined in JavaScript?
What's the difference between let and var?
How to check if an element or HTML tag exists using JavaScript?
How to show hide option list items using jQuery?
JavaScript HTML5 Validation for name and email field
JavaScript check if first string contains all characters of second string