Comment puis-je vérifier si une option existe déjà dans select by JQuery

Comment puis-je vérifier si une option existe déjà dans select by JQuery?

Je souhaite ajouter dynamiquement des options dans select et je dois donc vérifier si l'option existe déjà pour éviter la duplication.

Cela prend la valeur true s'il existe déjà:

$("#yourSelect option[value='yourValue']").length > 0;

Une autre façon d'utiliser jQuery:

var exists = false; 
$('#yourSelect  option').each(function(){
  if (this.value == yourValue) {
    exists = true;
  }
});

if ( $("#your_select_id option[value=<enter_value_here>]").length == 0 ){
  alert("option doesn't exist!");
}

var exists = $("#yourSelect option")
               .filter(function (i, o) { return o.value === yourValue; })
               .length > 0;

Cela a l'avantage d'échapper automatiquement à la valeur pour vous, ce qui rend les guillemets aléatoires dans le texte beaucoup plus faciles à traiter.

Cela ne fonctionne pas, vous devez faire ceci:

if ( $("#your_select_id option[value='enter_value_here']").length == 0 ){
  alert("option doesn't exist!");
}

Cela m'aide:

  var key = 'Hallo';

   if ( $("#chosen_b option[value='"+key+"']").length == 0 ){
   alert("option not exist!");

    $('#chosen_b').append("<option value='"+key+"'>"+key+"</option>");
    $('#chosen_b').val(key);
   $('#chosen_b').trigger("chosen:updated");
                         }
  });

J'ai eu un problème similaire. Plutôt que d'exécuter la recherche dans le dom à chaque fois dans la boucle du contrôle select, j'ai enregistré l'élément jquery select dans une variable et j'ai fait ceci:

function isValueInSelect($select, data_value){
    return $($select).children('option').map(function(index, opt){
        return opt.value;
    }).get().includes(data_value);
}

Bien que la plupart des autres réponses aient fonctionné pour moi, j'ai utilisé .find ():

if ($("#yourSelect").find('option[value="value"]').length === 0){
    ...
}