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

如何使用 jQuery 透過文字描述設定選擇控制項的選取值?

DDD
DDD原創
2024-11-03 06:23:03526瀏覽

How Can I Set the Selected Value of a Select Control by Text Description Using jQuery?

jQuery:透過文字描述設定選擇控制項的選取值

在這種情況下,您想要設定使用jQuery 根據其文字描述而不是其值來選擇控制項。雖然使用 $("#my-select").val(myVal) 按值設定它很簡單,但您可以透過文字描述尋求一種方法。

對於jQuery 版本1.6 及更高版本,您可以利用以下方法:

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

此解決方案利用過濾器功能,透過遍歷其文字節點來選擇具有匹配文字的選項元素。然後,它將匹配元素的 selected 屬性設為 true,從而有效地將其設為選定選項。

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

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