Jquery Dropdownlist Select Change

Question

<select id="COLOR">
 <option value="0">RED</option>
 <option value="1">BLACK</option>
 <option value="2">BLUE</option>
 <option value="3">WHITE</option>
 <option value="4">PINK</option>
</select>

Je ne veux pas que $('#COLOR').val(2) ;

Je veux que $('#COLOR').val('RED') ;

Comment faire ?

Nous vous remercions.

Answer 1

Pour effectuer une sélection par valeur, il faut passer cette valeur dans le champ .val(newValue) comme ceci :

$('#COLOR').val('0');

Elle sélectionnera "ROUGE" parce qu'elle a value="0" pour son <option> élément.

---

Pour la question actualisée : sélectionner par texte il existe quelques approches, par exemple :

$("#COLOR").val(function() {
  return $('option', this).filter(function() { 
    return this.innerHTML == 'RED'; 
  }).attr('value');
});

Vous pouvez l'essayer ici .

Answer 2

Pouvez-vous rendre la valeur "ROUGE", ce qui vous permettra de faire ce que vous voulez ? Ou bien faut-il garder le même HTML. Par exemple

<option value="RED">RED</option>