ドロップダウンボックスのオプションの検索

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> 

あなたは内から optionの要素を取ることができます

Answer 1

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>