当我单击 Bootstrap 模式时，选择框重复项答案

【问题标题】：Select box duplicates as I click on Bootstrap modal当我单击 Bootstrap 模式时，选择框重复项
【发布时间】：2018-01-09 05:09:31
【问题描述】：

<!--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 模板和 chosen-Select 插件。在我的页面上，我有一个表单和按钮。当我单击按钮（查看海湾图表）时，会弹出一个模式并使用选择元素在我的页面上的表单中添加一行。每次我单击模式时，都会添加该行。我不知道这个问题是否是由于 chosen-select 插件或 modal 或 gentelella-master 模板引起的。请指导我每次单击模态按钮（查看海湾图表）后导致选择重复的可能原因。附上截图。我已经包含了模态代码、模态显示函数和选择元素代码。

【问题讨论】：

先贴出你的代码。
@NimeShPatel 我编辑了我的答案。
看看你的modal分配按钮后面是否有点击事件
问题已解决。感谢各位程序员的宝贵时间。

标签： javascript php html twitter-bootstrap

【解决方案1】：

所以，我明白了。我包括插件来创建表单和模态文件。因此，每次我打开模态框时，都会在与模态框相同的页面上调用该插件。

【讨论】：