jQuery를 사용하여 드롭 다운 항목 배경색 설정 선택

Question

내 C#/.NET 프로젝트의 하위 페이지 (마스터 페이지 내)에있는 드롭 다운 목록이 있습니다.

나는 마스터 페이지를 통해 JQuery와 selectmenu 스타일을 적용하고있다 : 나는 드롭 다운에서 특정 항목에 다른 배경 색상을 줄 필요가

$(function() { 
    $('select[id*="lstClients"]').selectmenu({ style: 'dropdown', maxHeight: 150 }); 
}); 

.

ClientX가 Y 개의 프로젝트를 가지고 있다면 배경색을 빨간색이나 그와 비슷한 것으로 설정하십시오.

코드 숨김을 통해 데이터/카운터가 모두 채워지므로 기본적으로 jQuery를 통해 드롭 다운에서 특정 항목의 배경색을 변경하는 방법을 아는 사람이 있습니까?

의사 코드 :. 사전에

If ddl.Item.value > 0 
set bgColor = black 
Else 
set bgColor = white 

감사

Answer 1

내가 jQuery를 UI SelectMenu (나는 here에 잠깐 그것으로 바이올린을 때 확실히 일한 option에 대한 background-color을 존중 것이라고 생각

이렇게 주어진다면, 당신은 무엇을 언급하지 않았기 때문에 List<Pair>을 예제 데이터 소스로 사용했습니다. 귀하의 소스 데이터가되었습니다. ddlItems은 DropDownList의 ID입니다.

List<Pair> items = new List<Pair>(); 
items.Add(new Pair("zero", "0")); 
items.Add(new Pair("one", "1")); 
items.Add(new Pair("two", "2")); 

foreach (Pair item in items) 
{ 
    ListItem li = new ListItem(); 
    li.Text = item.First.ToString(); 
    li.Value = item.Second.ToString(); 
    li.Attributes.CssStyle.Add("background-color", (int)item.Second > 0 ? "black" : "white"); 
    ddlItems.Items.Add(li); 
} 

나는 이것을 완전히 테스트 할 기회가 없다는 것을 인정해야한다.하지만 그것은 잘하면 잘 될 것이다. 클래스를 사용하여 동일한 작업을 수행 할 수도 있습니다 (예 : Attributes.Add("class", "greaterThanZero");). 인라인 스타일을 피할 수 있습니다.