如何使用jQuery在datagrid中触发下拉列表

时间:2019-05-31 19:03:25

标签: jquery

嗨,我有一个数据网格,其中有一个复选框列表和两个下拉列表。如果其中有任何更改,我需要触发它们。我成功触发了该复选框。但是,它在下拉列表框中失败。

在html中有控件:

<asp:templatecolumn >
  <headertemplate>Floor</headertemplate>
     <itemtemplate>
       <asp:dropdownlist id="dropFloorSelect" runat="server" cssclass="dropdownCSS" />
    </itemtemplate>
</asp:templatecolumn>

<asp:templatecolumn >
   <headertemplate>Room</headertemplate>
      <itemtemplate>
          <asp:dropdownlist id="dropRoomSelect" runat="server" cssclass="dropdownCSS" />
    </itemtemplate>
</asp:templatecolumn>


<asp:TemplateColumn >
    <ItemTemplate>
        <asp:CheckBox ID="chk" CssClass="BoxClass"  runat="server"/>
     </ItemTemplate>

</asp:TemplateColumn>

有我的功能:

  $('.BoxClass').each(function () {
                var chkbox = this.firstElementChild;
                var chkboxID = $(chkbox).attr('id');
                $('#' + chkboxID).change(function () {
                   'do something
                });
            });

            $('.dropdownCSS').each(function () {                    
                var drpbox = this.firstElementChild;
                var drpboxID = $(drpbox).attr('id');
                $('#' + drpboxID).change(function () {

                    'do something
                });
            });

1 个答案:

答案 0 :(得分:0)

我更改了行'var drpbox = this.firstElementChild;'改为“ var drpbox = this;”而且有效。