Bootstrap модально (кнопка нажатия не работает вообще) - PullRequest
1 голос
/ 25 марта 2020

Я использовал ajax и подключил опцию выбора к базе данных. Если я нажимаю опцию выбора, то это приводит к базе данных, зависит от опции, которую я выбрал, она работала хорошо Но, я закрыл неправильное разделение или сделал что-то в моем модальном (я понятия не имею, что я сделал), тогда кнопка выбора и кнопка нижнего колонтитула не работает вообще. Может кто-нибудь помочь, пожалуйста? Я трачу тысячу часов на это ... но до сих пор понятия не имею. Может кто-нибудь, пожалуйста, помогите? (Для краткости, кнопка нажатия в модальном режиме вообще не работает, как опция выбора и кнопка подтверждения).

<div class="popup" > 
                <div class="container" style="margin-bottom:7px;margin-left:15px;">
                    <button type="button" class="btn btn-info btn-sm" data-toggle="modal" data-target="#myModal" style="float:right;background: #ffc107;height:20px;font-size:10px;width:90px;padding-top:2px;">My Branch</button>
                </div>
              </div>

              <!-- Modal -->
                  <div class="modal fade" id="myModal" role="dialog">
                    <div class="modal-dialog modal-sm">
                      <div class="modal-content" style="margin-top:200px;">
                        <div class="modal-header">
                        <h4 class="modal-title" style="font-size:20px;"><strong>Branch Search</strong></h4>
                          <button type="button" class="close" data-dismiss="modal">&times;</button>

                        </div>

                        <!-- Modal: for area -->
                        <div class="modal-body" style="height:310px;">
                            <div class="left-branch">
                                <label class="label-top-title label-top-title-branch">my branch</label><br>

                                <div style="position:relative">

                                    <% if(list.isEmpty()) { %>
                                    <select name="brancharea" id="brancharea">
                                        <option value='no'>there is no branch</option>
                                    </select>
                                    <% }else { %>
                                    <select name="brancharea" id="brancharea">  

                                        <option value='0'>choose area</option> 

                                        <% for(Area a : list) { %>  
                                        <option value='<%=a.getAreaCode()%>'><%=a.getAreaName()%></option>
                                        <% } %> 
                                    </select>
                                    <% } %>
                                </div>
                                <div id="selRentDiv" class="select-branch">
                                    <ul></ul>
                                </div>      
                            </div>  

                        </div>
                        <div class="modal-footer">
                          <button type="button" onclick="setBranch();"class="btn btn-default" data-dismiss="modal" style="background: #ffc107;color:white;text-align:center;margin-right:85px;">confirm</button>
                        </div>
                      </div>
                    </div>
                  </div>

              <!-- end of modal -->


<script>
    // after choose selec option and click confirm in modal footer. 
    function setBranch(){
        location.href="<%=request.getContextPath()%>/myBranch.mb?bno="+$("#selRentDiv ul").find(":checked").val();

    }


    // choose areano and brings branch area from db
    $('#brancharea').on('change', function() {

        var areano = $(this).val();

        console.log("areano : "+areano);

        $.ajax({
            url:"branchSearch.mb?areano=" + areano,
            type:"get",
            success:function(list){  
                var value = "";     
                for(var i=0; i<list.length; i++) {  
                    console.log(list[i]);
                    // select option(connecting database)   


                    value += "<br>" +
                             "<input type='radio' id='rdo-" + list[i].branchNo + 
                             "' class='radio-branch' name='rdo-'" + list[i].branchNo + 
                             "' value='"  + list[i].branchNo + "'>" + 
                             " <label for='rdo-" + list[i].branchNo + "'>" +
                             list[i].branchName + "</label>" 
                }       

                return $("#selRentDiv ul").html(value);

            },
            error:function(){
                console.log("error");
            }
         });        
    });

</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...