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