How to get the selected text of a dropdown item using jQuery? 

let text = $('#element_id option:selected').text();

Example:

var roleName = $('#ddlRole option:selected').text();
alert('Selected Role Name is: ' + roleName);

Output:

Demo: https://jsbin.com/xomuzaqugi/1/edit?html,output

  • Created
    Jan 17, 2020
  • Updated
    Nov 03, 2020
  • Views
    1,707
Related Articles
.prop() vs .attr() in jquery
How to get the selected value of a dropdown item using jQuery?
How do I check whether a checkbox checked in jQuery?
Setting “checked” for a checkbox in jQuery?
How to check if an element exists in jQuery?
Set DropDownList value based on text/value in jQuery
Get selected text/value from DropDownList (or) Select in jQuery
Get selected index from DropDownList (or) Select in jQuery
Clear items from DropDownList (or) Select in jQuery.
How to replace string in JQuery?