在下拉框中搜索选项

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>