当我点击Bootstrap模态时，选择框重复

Question

<!--button to open modal-->
<a id="btn_bay_chart" onclick="showBayChart(<?php echo $jobcard_id; ?>)" class="btn btn-success pull-right btn-sm" >View Bay Chart</a>

<!--modal container-->
<div class="modal-container"></div>

<!--function to open modal-->
<script type="text/javascript">
    function showBayChart(jobcard_id){
        var url = "bay-chart.php?jobcard_id="+jobcard_id;
        $('.modal-container').load(url,function(result){
            $('#myModal').modal({show:true});
        });
    }
</script>

<!--chosen-select box-->
<select class="form-control chosen-select" id="job_type_id" name="job_type_id">
    <option value="">Select Job Type</option>
    <?php
    $qry_job = "SELECT DISTINCT(job_type_name), job_type_id from tbl_job_types WHERE dealership_id = '$dealership_id' AND status=1 ORDER BY job_type_name";
    $res_job = mysqli_query($link,$qry_job);
    while($row_job = mysqli_fetch_array($res_job,MYSQLI_ASSOC)){
        if($row_job['job_type_id']==$row['job_type_id'])
            echo "<option value='$row_job[job_type_id]' selected >$row_job[job_type_name]</option>";
        else
            echo "<option value='$row_job[job_type_id]'>$row_job[job_type_name]</option>";
    }
    ?>
</select>

我正在使用 gentelella-master 模板和 selected-Select 插件。在我的页面上，我有一个表单和按钮。当我点击按钮（查看海湾图表）时，会弹出一个模态并使用select元素在我的页面上的表单中添加一行。每次我点击模态时，行都会被添加。我不知道这个问题是否是由选择 - 选择插件或模式或 gentelella-master 模板引起的。请指导我在每次单击“模态”按钮（查看海湾图表）后导致选择重复的可能原因。屏幕截图已附上。我已经包含了modal的代码，modal的show函数和Select元素代码。

Answer 1

所以，我明白了。我将插件包含在创建表单文件和模态文件中。因此，每次打开模态时，插件都会在模型的同一页面上调用。