Comment obtenir le nombre de valeurs sélectionnées dans une liste déroulante en utilisant jQuery

Question

J'ai un HTML comme celui-ci. J'ai besoin d'obtenir le compte de la valeur sélectionnée en utilisant le tag. Comment faire cela en utilisant jQuery.

<select id="availability1"> 
    <option value="Available">Available</option> 
    <option selected="selected" value="Scheduled">Scheduled</option> 
    <option value="Unavailable">Unavailable</option> 
</select> 

<select id="availability2"> 
    <option value="Available">Available</option> 
    <option value="Scheduled">Scheduled</option> 
    <option selected="selected" value="Unavailable">Unavailable</option> 
</select> 

<select id="availability3"> 
    <option value="Available">Available</option> 
    <option value="Scheduled">Scheduled</option> 
    <option selected="selected" value="Unavailable">Unavailable</option> 
</select> 

<select id="availability4"> 
    <option value="Available">Available</option> 
    <option selected="selected" value="Scheduled">Scheduled</option> 
    <option value="Unavailable">Unavailable</option> 
</select> 

Comment obtenir les valeurs sélectionnées qui sont planifiées. Les ID ont une disponibilité de modèle (X). Comment écrire cela en utilisant jQuery. La sortie attendue est 2 car il y a deux tags sélectionnés qui sont programmés.

Merci.

Answer 1

Vous pouvez faire quelque chose comme cela en utilisant .filter() et .length: cela prend tous les <select> éléments, alors ne

var scheduled = ​$("select").filter(function() { 
        return $(this).val() == "Scheduled"; 
       })​​​​​​; 
alert(scheduled.length);​ 

You can give it a try here, un .filter() pour obtenir ceux avec une valeur sélectionnée de « Programmé », nous sommes juste en train d'alerter le .length pour voir combien il y en avait.