Discussion :

[Bourg]

Bonjour, je vous explique mon problème j'ai un select et j'aimerais que lorsque l'utilisateur choisit dans mon select la valeur qui est vide ("") le select change de couleur en css (rouge) et que lorsqu'il choisit une valeur non vide la couleur rouge disparait.

Voici mon script:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function(){
    $('#valider').on('click', function() {
      valid = true;
if($("#pays").val() == ""){
        $("#pays").css("background", "#fba");
        valid = false;
      } 
return valid;
 
})
 
 
      });

Merci de votre aide

[javatwister]

ça semble cohérent;
je ne suis pas jqueriste mais tu es sûr que val est une fonction et pas une simple propriété?

[NoSmoking]

Bonjour,
jQuery.val() est bien une méthode qui récupère, si absence de paramètre, la value de l'élément. Seulement voilà jQuery faisant bien les choses, pour certains, en absence de value il retourne le text de l'option sélectionnée ce qui pose problème dans ton cas.

Je redescendrais d'un niveau pour la récupération

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
var valeur = $("#pays")[0].value;
if ( valeur){
  // le traitement à faire
}

Il te reste également la possibilité de mettre une value reconnaissable

[javatwister]

voilà qui est parler!
(à quoi bon une value nulle...; ajoute un espace pour voir)