2011-02-02 9 views
0

特定のオプションラベルの色を変更したい場合、jQueryでそれを行うことはできますか? たとえば、赤色で表示する赤色のオプションのみを使用できますか?OPTIONを選択するための色の割り当て

のは、私は、次の

<select class="mySelect"> 
    <option value="white">White</option> 
    <option value="black">Black</option> 
    <option value="red">Red</option> 
</select> 

は、私は次のように何かをすることができませんでしたしているとしましょう:のみ<select>を選択します

$('option[value="red"]').addClass('redText');

$("#mySelect").val('red').addClass('redText');:これを試してみてください

$("#mySelect").val('red').addClass('redText'); 
+0

なぜjQueryですか?これはCSSで行うことができます。 –

+0

CSSでどのように見えますか? – santa

答えて

5

タグを設定してvaを設定するそれのプロパティは '赤'になります。 val()メソッドはセッター/ゲッターです。

+0

実際には、オプションがすべて同じであれば素晴らしいでしょう - しかし、赤が選択されている場合は赤で表示されます。 $( '。mySelect')。$ {'mySelect'} .Val()== 'red'){$( "#mySelect" ).val( 'red')。addClass( 'redText');} \t \t}); – santa

+0

この[Fiddle](http://jsfiddle.net/FXPsu/)は、あなたが望むものをほとんど行うことができます(ただ一つのオプションではなく、 'select'の全体をスタイルします)。私は上記の@ karim79のコメントをエコーし​​ます。 'option'タグだけをスタイリングすることはブラウザ間で非常に面倒です。 –

+0

ええと、選択したオプションだけにREDを適用するためにDOMを使ってFIRSTオプションをターゲットにする方法はありませんか?おそらくそれはそれが全リストには当てはまらないでしょうか?ちょうどjQueryのやり方があるようです... $( '#mySelect option:selected')。addClass( 'redText'); – santa

0

これは、選択肢の7番目のオプションを見つけて、興味深いクラスが何であれ、それを明るくします。

$('#myselect).find(" option:eq(7)").addClass("interesting_class"); 
関連する問題