Sometime we need to get selected text instead of its value of a dropdown, it is very easy to get dropdown text in jQuery. You have to use text() function of jQuery. It will return the text of option which is currently selected in your dropdown.
$(".ddlCountry option:selected").text()
CODE
<!DOCTYPE html> <html> <head> <title>jQuery With Example</title> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('.btnClick').click(function () { alert($(".ddlCountry option:selected").text()); }); }); </script> </head> <body> <div> <select class="ddlCountry"> <option value="1">India</option> <option value="2">Japan</option> <option value="3">England</option> </select> <br /><br /> <input type="button" class="btnClick Button" value="Click" /> </div> </body> </html>
DISPLAY
No comments :
Please Give Your Feedback