2010-12-20 22 views
2

複数のドロップダウンがあるフォームがあります...表示されているドロップダウンの背景色を無効にしたときに灰色に設定したいと思います。これらのドロップダウンのIDはすべてusrControlで始まり​​ます。これは私がこれまで持っているものです。jQueryで背景色を変更します

$('select[id ^= "usrControl"]:visible').each(function(){ 
this.css("background-color") 
}); 

無効/有効化セレクタを取得する方法がわかりません。事前に

おかげ alt text

Protected _picklistColorScriptText As String = "$(document).ready(function(){ " + _ 
               "$('[id ^= ""usrControl""]:visible:disabled').css(""background-color"", '#DCDCDC'); " + _ 
               "$('[id ^= ""usrControl""]:visible:enabled').css(""background-color"", '#FFFFFF');" + _ 
               "});" 

これは動作します。ただし、コントロール全体の背景が灰色に設定されています。選択した項目の色をグレーに変更するにはどうすればよいですか?

答えて

3

あなたは使用することができます。さらに、jQuery.eachは必要ありません。返されたノードセットに対して作業してください。

ここでの例作業
$('select[id ^= "usrControl"]:visible:disabled').css("background-color", 'gray'); 

http://jsfiddle.net/Cwm4W/

UPDATE:ここ

$('select[id ^= "usrControl"]:visible:disabled option').css("background-color", 'gray'); 

の作業例:http://jsfiddle.net/Cwm4W/1/

+0

これは機能します。ただし、コントロール全体の背景が灰色に設定されています。選択した項目の色をグレーに変更するにはどうすればよいですか? – Tgibson

+0

選択の下にあるオプションタグを選択することができます。上記の更新された回答をご覧ください。 –

+0

男よ、お元気ですか!ありがとう!!最後の1つの質問。コントロール全体ではなく、テキストボックスだけで入力(テキストボックス)に対しても同じことを行うことができます。色を灰色に変更したいのですが。 – Tgibson

0

あなたはCSSプロパティを取得しています。 これを試してみてください:無効疑似セレクタ:

$(this).css("property", "value"); 
0

以下OPの明確化への対応を、あなたは、単にそのような含まれているオプションを選択することができます私はあなたが探していると信じています

$('select[id ^="usrControl":visible:disabled].each(... 
関連する問題