在下拉框中搜索選項

Question

我想查找一個選項是否在下拉列表中並使用它的值。 這是不是選擇時。我純粹希望掃描名單Procedures並從中獲得價值。

<select class="FormDropDown " id="procedure-category-fld" name="procedure-category-fld"> 
    <option value=""></option> 
    <option value="4">Cause</option> 
    <option value="5">Disorder</option> 
    <option value="6">Procedure</option> 
</select> 

Answer 1

你可以從內部採取option元素select你有和使用jquery提取其價值/文：

$(function() { 
 
    $('#procedure-category-fld option').each(function(i, el) { 
 
    console.log($(el).val(), $(el).text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="FormDropDown " id="procedure-category-fld" name="procedure-category-fld"> 
 
    <option value=""></option> 
 
    <option value="4">Cause</option> 
 
    <option value="5">Disorder</option> 
 
    <option value="6">Procedure</option> 
 
</select>

Answer 2

您可以使用.filter()：

var value = $('#procedure-category-fld option').filter(function (idx, ele) { 
 
    return ele.textContent == "Procedure"; 
 
}).val(); 
 

 
console.log(value);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<select class="FormDropDown " id="procedure-category-fld" name="procedure-category-fld"> 
 
    <option value=""></option> 
 
    <option value="4">Cause</option> 
 
    <option value="5">Disorder</option> 
 
    <option value="6">Procedure</option> 
 
</select>