Überprüfen Sie, ob sich der Wert in der Auswahlliste mit JQuery befindet

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

InformationsquelleAutor der Frage user271507 | 2010-02-12

  1. 162

    Verwenden Sie die Attribut-Selektor Entspricht

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

    Wenn die option Wert festgelegt wurde, die über Javascript, das wird nicht funktionieren. In diesem Fall können wir Folgendes tun:

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

    InformationsquelleAutor der Antwort Lachlan Roche

  2. 14

    Nur falls du (oder jemand anderen) interessiert sein könnten, es zu tun, ohne jQuery:

    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;
   }

    InformationsquelleAutor der Antwort Marco Demaio

  3. 8

    Hier ist eine andere ähnliche option. In meinem Fall, ich bin der überprüfung der Werte in einem anderen Feld wie Baue ich eine select-Liste. Ich lief in Undefinierte Werte, wenn ich vergleichen würde, so dass ich meine Prüfung so:

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

    Ich habe keine Ahnung, ob dieser Ansatz ist teurer.

    InformationsquelleAutor der Antwort cam_pdx

  4. 5

    Warum nicht einen filter verwenden?

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

    Lose Vergleiche funktionieren, da existiert > 0 ist true, exists == 0 ist falsch, also können Sie nur verwenden,

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

    Oder kombinieren Sie es:

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

    Oder wo jeder select-dropdown hat die select-Boxen Klasse dadurch erhalten Sie ein jquery-Objekt von der Auswahl(s) enthalten den Wert:

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

    InformationsquelleAutor der Antwort keV

Schreibe einen Kommentar