Modal is closing when UpdatePanel Works.

See more:

ASP.NET

Javascript

jQuery

Hi,
I have a update panel which including 3 dropdownlist. and those dropdown items can change depend on first dropdown. and also I have modal popup independent these dropdownlists.
but when I click the button and open modal the page does postback and modal was closing quickly how can I get rid of this issues. and below this my code.

       <!--MODAL -->
            <div id="myModalNew" class="modal fade" tabindex="-1" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">×</button>
                       </div>
                        <div class="modal-body">
                            //S0me Code

                        </div>
                    </div>
                </div>
            </div>
          
            <!--Basic Form-->
            <asp:UpdatePanel runat="server" ID="updtBrand" UpdateMode="Conditional">
                <ContentTemplate>
                    <div class="panel panel-blue margin-bottom-20">
                        <div class="panel-heading">
                            <h3 class="panel-title">xxx</h3>
                        </div>
                        <div class="panel-body">
                            <div class="margin-bottom-40">

                                <div class="form-group col-xs-6 col-sm-4">
                                    <label>Marka</label>
                                    <asp:DropDownList runat="server" CssClass="form-control" ID="ddlBrand" DataTextField="CarBrand" AutoPostBack="True" OnSelectedIndexChanged="ddlBrand_SelectedIndexChanged" ClientIDMode="Static" />
                                </div>
                                <div class="form-group col-xs-6 col-sm-4">
                                    <label>Model</label>
                                    <asp:DropDownList runat="server" CssClass="form-control" ID="ddlModel" AutoPostBack="True" OnSelectedIndexChanged="ddlModel_SelectedIndexChanged" ClientIDMode="Static" />
                                </div>
                                <div class="form-group col-xs-6 col-sm-4">
                                    <label>Caroser</label>
                                    <asp:DropDownList runat="server" CssClass="form-control" ID="ddlKaroser" AutoPostBack="True" ClientIDMode="Static" />
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="col-md-4">
                        </div>
                        <div class="col-md-2">
                            <h4>xxxx</h4>
                            <h4>
                                ^__b>
                                    <asp:Label runat="server" ID="lblCampaingBudget"></asp:Label>
                                    TL
                                
                            </h4>
                        </div>
                        <div class="col-md-3">
                            <h4 style="font-size: 80%; color: red;">xxx</h4>
                        </div>
                        <div class="col-md-3">
                          <p>
                                <button type="button" onclick="ShowLabel();" class="btn-u btn-u-blue">xxx</button>
                                <button href="#myModalNew" role="button" data-toggle="modal" id="openBtn" class="btn-u btn-u-red">Hayır</button>
                            </p>
                           
                        </div>
                    </div>
                    <!--End Basic Form-->
                   
                </ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="ddlBrand" EventName="SelectedIndexChanged" />
                    <asp:AsyncPostBackTrigger ControlID="ddlModel" EventName="SelectedIndexChanged" />
                </Triggers>
            </asp:UpdatePanel>