首頁 >web前端 >js教程 >如何使用 jQuery 透過文字描述選擇選擇控制項中的選項?

如何使用 jQuery 透過文字描述選擇選擇控制項中的選項?

Susan Sarandon
Susan Sarandon原創
2024-11-04 21:06:02973瀏覽

How to Select an Option in a Select Control by Text Description Using jQuery?

如何使用 jQuery 根據文字描述在選擇控制項中設定選定選項

透過值選擇來選擇控制項中的選項是一項相當簡單的任務jQuery。但是,如果您需要根據文字描述來設定所選元素,則過程可能會稍微複雜一些。

使用jQuery v1.6

對於jQuery 版本1.6 及以上版本,您可以使用以下程式碼透過其文字設定所選選項:

<code class="js">var text1 = 'Two';
$("select option").filter(function() {
  return $(this).text() == text1;
}).prop('selected', true);</code>

此程式碼片段首先使用filter() 方法選擇具有符合文字描述的選項元素(在本例為「二」)。然後,它將所選選項的 selected 屬性設為 true,有效地將其標記為所選選項。

以上是如何使用 jQuery 透過文字描述選擇選擇控制項中的選項?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn