How to Retrieve Specific `` Text in jQuery?

Retrieving Specific Text in jQuery

This article addresses the challenge of obtaining the text content of a particular element within a drop-down list in jQuery. Suppose we have a select list populated with options as follows:

<code class="html"><select id='list'>
    <option value='1'>Option A</option>
    <option value='2'>Option B</option>
    <option value='3'>Option C</option>
</select></code>

Getting Text by Value

To retrieve the text of an by its value attribute, use the following selector:

<code class="javascript">$("#list option[value='2']").text();</code>

In this example, we're targeting the with a value of 2, which corresponds to "Option B."

Getting Text of Selected

If you wish to obtain the text of the currently selected , employ this selector:

<code class="javascript">$("#list option:selected").text();</code>

This selector will return the text of the that's currently selected in the drop-down list.

The above is the detailed content of How to Retrieve Specific `` Text in jQuery?. For more information, please follow other related articles on the PHP Chinese website!