Javascript從基於標簽的選擇選項中獲取價值

Question

使用jQuery或純JavaScript，如何基於標簽獲取選擇選項的ID？ 因此，例如，給出以下內容：

<select id="blah">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

如果我有標簽“ Two”，但是我需要知道與之關聯的值，那么如何從選擇中獲得該值？ 我不想簡單地選擇它，我需要知道值是什么。

Answer 1

如果您擁有的唯一參考確實是實際的文本內容，那么您將不得不遍歷元素並檢查每個元素的內容。 此處顯示的是jQuery，因為它的類型更少：

var result;
$("option").each(function() {
    if ($(this).text() == "Two") {
        result = $(this).attr("value");
        return false;
    });
});

Answer 2

另外一個選項：

$('#blah').find('option:contains("Two")').val();

（雙關打算嗎？）

Answer 3

獲取所有選項，然后使用find獲得帶有特定文本的選項。

 const optionEls = Array.from(document.querySelectorAll("#blah option")); const hasText = text => el => el.textContent === text; const optionWithTwo = optionEls.find(hasText("Two")); console.log(optionWithTwo.value); 

 <select id=blah> <option value=1>One</option> <option value=2>Two</option> <option value=3>Three</option> </select>