JQuery DropDownList изменить цвет, если выбрано в ретрансляторе Asp.Net

Question

У меня есть ретранслятор в решении Asp.Net.

Мне нужно изменить цвет выбранного элемента с помощью JQuery, когда пользователь выбирает определенное значение.

ретранслятор:

<div class="userorderlist"> 
    <asp:Repeater runat="server" ID="rptExtFatt" OnItemDataBound="rptExtFatt_ItemDataBound"> 
     <ItemTemplate> 
     <tr> 
      <td class="col-md-1"> 
       <asp:DropDownList runat="server" CssClass="form-control" ID="ddlModPag"> 
       <asp:ListItem Text="Pagata" Value="Pagata"></asp:ListItem> 
       <asp:ListItem Text="In attesa di pagamento" Value="In attesa di pagamento"></asp:ListItem> 
       <asp:ListItem Text="Sospesa" Value="Sospesa"></asp:ListItem> 
       <asp:ListItem Text="Scaduta" Value="Scaduta"></asp:ListItem> 
      </asp:DropDownList> 
     </td> 
     </tr> 
    </ItemTemplate> 
</asp:Repeater> 

мне нужно иметь выбранный элемент «ddlModPag» на красном фоне, если значение «Scaduta» и зеленый, если это «Pagata». Я знаю, как работать с JQuery, но я не знаю, как захватить событие для DropDownList в ретрансляторе.

Спасибо всем

Answer 1

Вы можете использовать слушатель JQuery и привязать его ко всему DropDownLists на странице с именем класса form-control.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.form-control').change(function() { 
      alert(this.value); 
     }); 
    }); 
</script> 

Если у вас есть другие элементы управления с этим именем класса, тогда лучше дать раскрывающимся спискам свой собственный уникальный класс.