Get Selected Text From A Drop-down List (select Box) Using Jquery

To get the selected text from a dropdown list using jQuery, you can use the .text() method with the selected option.

Here is an example:


  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>

<button>Get Selected Text</button>


$(document).ready(function() {
  $('#getSelectedText').click(function() {
    var selectedText = $('#myDropdown option:selected').text();

In this example, when the "Get Selected Text" button is clicked, it will get the selected option’s text and display an alert with the selected text. The .text() method is used to retrieve the text content of the selected option.

About the Author Rex

I'm a passionate tech blogger with an insatiable love for programming! From my early days tinkering with code, I've delved into web dev, mobile apps, and AI. Sharing insights and tutorials with the world is my joy, connecting me to a global community of like-minded tech enthusiasts. Python holds a special place in my heart, but I embrace all challenges. Constantly learning, I attend tech conferences, contribute to open-source projects, and engage in code review sessions. My ultimate goal is to inspire the next generation of developers and contribute positively to the ever-evolving tech landscape. Let's code together!