Prüfen, ob der Wert in der Auswahlliste mit JQuery ist

Question

Wie kann ich mit JQuery prüfen, ob ein Wert zur Dropdown-Liste gehört oder nicht?

Answer 1

Verwenden Sie die Attribute Equals Selector

var thevalue = 'foo'; 
var exists = 0 != $('#select-box option[value='+thevalue+']').length; 

Wenn der Wert der Option über Javascript gesetzt wurde, das wird nicht funktionieren. In diesem Fall können wir folgendes tun:

var exists = false; 
for(var i = 0, opts = document.getElementById('select-box').options; i < opts.length; ++i) 
    if(opts[i].value === 'bar') 
    { 
     exists = true; 
     break; 
    } 

Answer 2

Gerade falls Sie (oder jemand anderes) in ohne jQuery daran interessiert sein könnte. In meinem Fall überprüfe ich Werte in einem anderen Feld, während ich eine Auswahlliste erstelle. Ich hielt in undefinierte Werte laufen, wenn ich vergleichen würde, so dass ich meinen Scheck auf diese Weise:

if ($("#select-box option[value='" + thevalue + "']").val() === undefined) { //do stuff } 

Ich habe keine Ahnung, ob dieser Ansatz teurer ist.

Answer 3

Hier ist eine weitere ähnliche Option:

var exists = false; 
$('#select-box option').each(function(){ 
    if (this.value == 'bar') { 
     exists = true; 
     return false; 
    } 
}); 

Answer 4

Warum nicht einen Filter verwenden?

var thevalue = 'foo';  
var exists = $('#select-box option').filter(function(){ return $(this).val() == thevalue; }).length; 

lose Vergleiche arbeiten, weil> 0 gibt wahr ist, existiert == 0 falsch ist, so kann man einfach

if(exists){ 
    // it is in the dropdown 
} 

verwenden oder kombinieren:

if($('#select-box option').filter(function(){ return $(this).val() == thevalue; }).length){ 
    // found 
} 

Oder wo jeder Select Dropdown hat die select-boxes-Klasse, die Ihnen ein jquery-Objekt der Select (s) gibt, die den folgenden Wert enthalten:

var matched = $('.select-boxes option').filter(function(){ return $(this).val() == thevalue; }).parent(); 

Answer 5

if(!$('#select-box').find("option:contains('" + thevalue + "')").length){ 
 
//do stuff 
 
}