动态下拉列表不以模态加载

Question

我有一个依赖的动态下降列表可以正常工作，但是一旦我将其包含在模态中，它就不起作用。

这是我的代码：

<script src="plugins/jQuery/2.1.1.jquery.min.js"></script>
<script src="js/jquery.form.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#BugMaster').on('change',function(){
        var bugmasterID = $(this).val();
        if(bugmasterID){
            $.ajax({
                type:'POST',
                url:'ajax/bugs/populate.cat.php',
                data:'id_bug_master='+bugmasterID,
                success:function(html){
                    $('#BugMasterCat').html(html);
                }
            }); 
        }else{
            $('#BugMasterCat').html('<option value="">Select BugMaster first</option>');
        }
    });
});
</script>

这是表格的HTML部分，列表：

<select class="form-control" name="BugMaster" id="BugMaster">
 <option value="0" selected="selected">Please select module</option>
   <?
    while($r_b_c = mysqli_fetch_array($q_b_c)){
   ?>
  <option value="<? echo $r_b_c['id_bug_master']; ?>"><? echo $r_b_c['name']; ?>
  </option>
 <? } ?>
 </select>

这是因列表

<select name="BugMasterCat" id="BugMasterCat">
 <option value="">Select country first</option>
</select>

'pupulate.cat.php'文件看起来像这样：

if(isset($_POST["id_bug_master"]) && !empty($_POST["id_bug_master"])){
  $id_bug_master = clean_data($_POST['id_bug_master']);
   $q_cat = mysqli_query($sqllink,"SELECT * FROM bugs_categories
    WHERE valid='1' AND id_bug_master='$id_bug_master'");
    while($r_cat = mysqli_fetch_array($q_cat)){
        echo "<option value='$r_cat[id_cat]'>$r_cat[name]</option>";
    }
}

然后，如果我直接从页面上加载它，那么所有这些都可以正常工作，但是一旦我以模态打开它，它就会失败，并且没有显示类别。我认为这与$(文档(.Dready(function((没有加载。

通过不工作，我的意思是第二个下拉列表没有加载。

任何帮助将不胜感激。谢谢。

Answer 1

我认为您的下拉台上没有任何事件

更改您的代码：

... $('＃bugmaster'(。on('change'，function(({....

$(document(。

您需要从模型本身，而不是从父/基页上加载JavaScript代码。

但是，如果要使用另一个使用委托或使用内联JavaScript函数调用的选项。

$(document).delegate('#BugMaster', 'change', function(){
    //Implement your code here
});
                            OR 
<select class="form-control" name="BugMaster" id="BugMaster" onchange="CALLJAVASCRIPTFUNCTIONHERE();">