jQuery CODEIGNITER的先前依赖的依赖下拉列表不会消失

kev_m 发表于 Dev

kev_m

我最初使用此依赖项下拉列表，但是在第二个选择之后，第一个选择的值不会消失。而是将新值与以前的值混合在一起。我对jQuery不熟悉，但是我需要尽快完成。

第一个下拉菜单

            <select class="form-control" name = "PROV_ID" id = "PROV_ID">
              <option></option>
                <?php foreach ($content as $cs) {?>
                  <option value="<?php echo $cs->PROV_ID; ?>"><?php echo $cs->PROVINCE; ?></option>
                <?php } ?> 
            </select>

第二个下拉菜单

            <select name = 'CT_ID' id = 'CT_ID'>
                <option value="">-- Select Type --</option>
            </select>

jQuery的

<script>
    jQuery(document).ready(function(){
      $("#PROV_ID").change(function() {
        var PROVID = {"PROVID" : $('#PROV_ID').val()};
        console.log(PROVID);

        $.ajax({
          type: "POST",
          data: PROVID,
          url: "<?php base_url(); ?>Employees/dependent_dropdown",

          success: function(data){
            $.each(data, function(i, data){
            $('#CT_ID').append("<option value='"+data.CT_ID+"'>"+data.CITY+"</option>");
            });
           }
         });
       });
     });
</script>

每当我在第一个下拉列表中选择新选项时，我都希望刷新第二个下拉列表的值。

史蒂夫

追加之前，请清除现有选项：

success: function(data){
    var select = $('#CT_ID');
    select.empty();
    $.each(data, function(i, option){
        select.append("<option value='"+option.CT_ID+"'>"+option.CITY+"</option>");
    });
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。