2010-12-20 5 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

: disabled 의사 선택기를 사용할 수 있습니다. 또한 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

남자, 너희들은 좋다 !! 감사!! 마지막 질문 하나. 입력 (텍스트 상자)에서 전체 컨트롤이 아니라 텍스트를 회색으로 변경하려면 어떻게해야합니까? – Tgibson

0

CSS 속성 만 표시됩니다. 시험해보기 :

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

아래 OP의 설명에 응답, 당신은 단순히 너무 같은 포함 된 옵션을 선택할 수 있습니다 당신이 찾고 있다고 생각합니다

$('select[id ^="usrControl":visible:disabled].each(...