Asp.Net 리피터에서 선택하면 JQuery DropDownList 색이 변경됩니다.

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> 

내가 값이 "Pagata"인 경우 녹색 "Scaduta"이고 경우 빨간색 배경 "ddlModPag"의 선택된 요소가 있어야합니다. Jquery와 함께 작동하는 방법을 알고 있지만 Repeater의 DropDownList에 대한 이벤트를 캡처하는 방법을 모르겠습니다.

덕분에 모든

Answer 1

에 당신은 jQuery를 수신기를 사용할 수 있으며 클래스 이름 form-control와 페이지의 모든 DropDownLists에 바인딩.

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

해당 클래스 이름으로 다른 컨트롤이있는 경우 드롭 다운에 고유 한 클래스를 지정하는 것이 좋습니다.