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

我最初使用此依赖项下拉列表,但是在第二个选择之后,第一个选择的值不会消失。而是将新值与以前的值混合在一起。我对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>");
    });
}

jQuery PHP发布 - javascript

我有一个问题,也许很简单,但是当我发送jquery_send.php的数据时,我不知道如何加载jquery_post.php我恢复了将信息从jquery_send.php发送到jquery_post.php并希望在发送页面jquery_post.php后加载与数据这是我在jquery_send.php中拥有的:<html> <head>…

jQuery AJAX成功数据仅解析最后一个JSON节点的奇怪问题 - javascript

所以我有以下jQuery代码:function updateOrderSummary(orderID) { var returnString = orderID; $.ajax({ url: "library/getOrderSummary.php", type: "POST", data: ({returnStrin…

jQuery Ajax上传文件php即使没有内容也接收数组 - javascript

它正在工作,但是在每次提交时,我什至都收到一个数组,甚至没有将文件添加到文件输入(多文件输入) postData = new FormData(this); $.ajax({ url: "/url", type: "POST", data: postData, cache: false, contentType: fa…

jQuery val函数在隐藏字段上不起作用? - javascript

这是我的HTML代码:<div style='display:none;' id='allformid'> <div> <form action='#'> <input type='text' name='name' …

jQuery ajax发布电子邮件字段 - javascript

我不确定为什么我无法发布电子邮件字段的内容,这是我的代码。<html> <head> <title></title> <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> </head>…