Vérifier si une option de sélection existe basé sur le texte en jQuery 1.7

J'ai donc le morceau suivant du code HTML:

<select id="sel">
<option value="0">Option1</option>
<option value="1">Option2</option>
<option value="2">Option3</option>
<option value="3">Option4</option>
</select>

Comment puis-je vérifier pour voir si #sel a une option sur la base du texte de la valeur? ("Option1")

Trouvé cette dernière question qui devrait fournir une assistance à votre problème Solution Possible

OriginalL'auteur yz10 | 2012-07-24

  1. 11

    Essayez ce qui suit:

    var opt = 'Option1';
if ($('#sel option:contains('+ opt +')').length) {
   alert('This option exists')
}

    Démo

    edit: L'extrait ci-dessus utilise le jQuery contains sélecteur qui permet de filtrer les éléments qui leur textContent contient la valeur spécifiée. Pour une correspondance exacte, vous pouvez utiliser l'extrait de code proposé dans christian-mann réponse.

    Comment faire avec Javascript (pas de jquery) – Jerry

    var optionExists = [].some.call(document.getElementById('sel').options, function(option) {
   return option.textContent === 'value';
});
    Il échouera si le sélectionner uniquement a Option112
    contains n'est pas synonyme de "est une correspondance exacte", ce qui sera de retour une correspondance positive pour <option value="0">HocusPocusOption1</option>. jsfiddle.net/FPDCu/212
    C'est vrai, pour une correspondance exacte Christian suggéré extrait peut être utilisé.
    Comment faire avec Javascript (pas de jquery)

    OriginalL'auteur undefined

  2. 8

    Le jQuery fonction de filtre accepte une fonction comme argument:

    $('#sel option').filter(function() { 
    return $(this).text() === "Option1"; 
});

    OriginalL'auteur Christian Mann

  3. 2
    var length = $('#sel option').filter(function() { 
    return $(this).text() === "Option1"; 
}).length;

if(length == 0)
    console.log('This option text doesn't exist.');
else
    console.log('This option text exists ' + length + ' times.');

    Si la longueur est 0, il n'existe pas. En général, je n'aime pas utiliser contient, parce que ce n'est pas une correspondance exacte.

    OriginalL'auteur triplethreat77

  4. 0
    var hasOption1=$("option:contains('Option1')", "#sel").length==1; //true or false
    Il échouera si le sélectionner uniquement a Option112
    Avez-vous lu la question?
    Je l'ai fait, c'est pourquoi je n'ai pas downvote votre réponse. Vous devriez probablement souligner qu'il n'y a pas de comparaison stricte sélecteur et filter(fn) devrait être utilisé à la place.

    OriginalL'auteur adeneo