comment dire est utilisateur sélectionné le premier index dans une zone de liste déroulante en javascript

Question

j'ai ce code:

$('#categories').change(function() { 
      var myCars = new Array("Saab", "Volvo", "BMW"); 
      addRowToTable(this.value, myCars); 
      $('#listings').hide(); 
     }); 

mais je ne veux pas à appeler la méthode addRowToTable si l'utilisateur sélectionne le premier élément parce que le premier élément dit "Veuillez sélectionner un article."

Answer 1

Eh bien, je pense que l'utilisation de la propriété selectedIndex de votre liste déroulante devrait être suffisant:

$('#categories').change(function() { 
    if(this.selectedIndex!=0) { 
     var myCars = new Array("Saab", "Volvo", "BMW"); 
     addRowToTable(this.value, myCars); 
     $('#listings').hide(); 
    } 
}); 

Vous pouvez, bien sûr, faire preuve de créativité avec des sélecteurs jQuery, mais si votre besoin actuel est juste skippin En ce qui concerne le premier élément, je pense que c'est la solution la plus simple possible.

Answer 2

En supposant des « catégories » est l'ID de votre liste déroulante vous pouvez le faire comme ceci:

$('#categories option:selected') 

qui devrait renvoyer toutes les options sélectionnées dans le dropdownlist (dont il y aura un ou aucun).

Obtenir la valeur de l'élément sélectionné peut être fait comme ceci:

$('#categories option:selected').val() 

Pour voir si l'élément sélectionné et le premier élément sont les mêmes juste une comparaison rapide fera:

if ($('#categories option:selected').val() == $('#categories option:first').val()) 
{ 
//do something here 
} 

Answer 3

Si l'utilisateur est de sélectionner une seule valeur:

1. Ajouter une valeur « invalide » distincte au premier élément
2. Vérifier que la valeur et agir en conséquence

Si l'on suppose la valeur non valide est égal à zéro et tous les autres choix ont des valeurs entières:

$('#categories option:selected').change(function() { 
    if ($(this).val() === 0) { 
     return; 
    } 

    var myCars = new Array("Saab", "Volvo", "BMW"); 
    addRowToTable(this.value, myCars); 
    $('#listings').hide(); 
});