Question

我在一个具有data-toggle =“ button”的div内有一个ASP.Net DropDownList，当我尝试在下拉列表中选择一个选项时，它在我进行选择之前会立即消失。我必须按住鼠标键进行选择。

我认为这与父div上的数据切换有关，因为当我删除它时，下拉列表可以正常工作。

这是简单明了的标记。

<asp:Repeater ID="ShippingTermsRepeater" runat="server" Visible="false">
    <HeaderTemplate>
        <div class="form-group onewCustomer clearfix">
            <label>Shipping Terms</label>
            <div class="btn-group radioDouble shipTermsRadio" data-toggle="buttons">
    </HeaderTemplate>
    <ItemTemplate> 
        <div class="btn btn-primary">
        <input id="ShippingTermsSelector" runat="server" type="radio" name="ShippingTermsGroup"/>
        <label for="ShippingTermsSelector">
            <span class="onewCurrency fontBlack"><asp:Literal ID="CurrencyLabel" runat="server" /></span>
            <span class="onewWHName fontBlack"><asp:Literal ID="WarehouseInternalNameLabel" runat="server" /></span>
            <span class="onewAccount"><asp:Literal ID="CustomerAccountCodeLabel" runat="server" /></span>
            <span class="onewTerms fontBlack"><asp:Literal ID="ShippingTermsLabel" runat="server" /></span>
        </label>
        <asp:DropDownList ID="ShippingTermsSelectList" runat="server" CssClass="form-control shippingTerms" AppendDataBoundItems="true">
        </asp:DropDownList>
    </div>
    </ItemTemplate>
    <FooterTemplate>
        </div>
    </div>
</FooterTemplate>
</asp:Repeater>

以前有人遇到过这个问题吗？

Answer 1

添加stopPropagation（）;点击事件已修复。

$('select.shippingTerms').click(function (e) {
   e.stopPropagation();
})

带有data-toggle = button的div中的asp.net Dropdownlist

1 个答案: