How to Get the Text of a Specific Option in a Dropdown List Using jQuery?

How to Retrieve Specific Option Tag Text Using jQuery

In HTML, a drop-down list, represented by the element, allows users to select one or more options from a predefined set. Each option is defined using the element, which contains both a value and a text label. Retrieving the text label of a specific option can be useful for various purposes, such as displaying the user's selection or populating other form elements.

Getting the Text of a Specific Option by Value

Given an

element with a known value, we can obtain its text using jQuery as follows:

$("#list option[value='2']").text(); // Returns "Option B"

Here, we select the

element within the element with the ID "list" that has a value of "2". The text() method then returns the text label associated with that option, which is "Option B".

Getting the Text of the Currently Selected Option

Alternatively, if we want to retrieve the text of the currently selected option, we can use the following selector:

$("#list option:selected").text();

This selector identifies the element that has the selected attribute. It returns the text label of the selected option, regardless of its value.

The above is the detailed content of How to Get the Text of a Specific Option in a Dropdown List Using jQuery?. For more information, please follow other related articles on the PHP Chinese website!