How to Get Option Text in a Drop-Down List Using jQuery?

Recovering Option Text Using jQuery

To obtain the text of a specific option element within a drop-down list, employ the following jQuery selector:

Targeting a Specific Option by Value:

To retrieve the text of an option having a specific value, use the following:

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

In this example, we are targeting the with a value of '2', regardless of whether it is selected or not. The #list portion identifies the drop-down list container, while the option[value='2'] selection narrows down the search to the option with the desired value.

Retrieving the Selected Option's Text:

To obtain the text of the currently selected option, employ the following selector:

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

In this scenario, we are targeting the that is marked as selected within the #list drop-down container. It captures the text content of the currently selected option.

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