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を使用する方法を知っていますが、私はリピーターのDropDownListのイベントをキャプチャする方法を知らない。あなたはjQueryのリスナーを使用し、クラス名form-controlでページ上のすべてのDropDownListsにバインドすることができ、すべての

Answer 1

へ

感謝。

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

そのクラス名を持つ他のコントロールがある場合は、独自のクラスをドロップダウンすることをお勧めします。