HTMLの選択フィールドのテキスト（オプション）：Mozila firefox issue

Question

割り当てられた選択オプションの値に基づいて、JS/Jqueryを使用して選択フィールド（HTML）にいくつかのオプションを表示したいとします。これは私のコードです：

$('#selectField option[value="val1"]').css({ 'color': 'green' }); 

コードはGoogle ChromeとInternet Explorerでは完全に機能しますが、Mozilla Firefoxでは何も起こりません。このブラウザの代替手段は誰にもありますか？ソリューションは、CSSではなくJSになければなりません。ありがとうございました！

Answer 1

<select id="selectField"> 
    <option value="red">Red</option> 
    <option value="green">Green</option> 
</select> 

$('#selectField option').each(function() { 
    var $this = $(this); 
    $this.css({color: $this.val()}); 
});