фильтр формы сброса значения codegniter в комбинированном поле со списком - PullRequest
0 голосов
/ 16 июня 2020

Я попытался создать кнопку для сброса фильтра формы, когда я добавляю в фильтр цепочку со списком, кнопка очистки только обновляет sh первое поле со списком (фильтр nama_rs), мне нужна кнопка, чтобы очистить весь фильтр box, Спасибо за внимание :) вот мой код:

// Модель

function get_kategori(){
        $hasil=$this->db->query("SELECT * FROM rs");
        return $hasil;
    }

    function get_subkategori($id){
        $hasil=$this->db->query("SELECT * FROM makul_pro WHERE `$id` =1 ");
        return $hasil->result();
    }

// Просмотр

<form id="form-filter" class="form-horizontal">
   <form id="form-filter" class="form-horizontal">
        <div class="form-group">
        <label for="nama_rs" class="col-sm-2 control-label">Rumah Sakit</label>
        <div class="col-sm-4">
        <!-- <?php echo $form_country; ?> -->
        <select class="form-control" id="nama_rs" aria-describedby="sizing-addon2">
        <option value="" disabled selected>-- Pilih Rumah Sakit --</option>
       <?php                                
          foreach ($dataRs as $rs) {  
           echo "<option value='".$rs->id_rs."'>".$rs->nama_rs."</option>";
            }
            echo"
       </select>"
        ?>
    </div>
<label for="nama_makul" class="col-sm-2 control-label">Mata Kuliah</label>
     <div class="col-sm-4">
     <select  id="nama_makul" name="nama_makul" class="form-control nama_makul" >
     <option value="" disabled selected>-- Pilih Mata Kuliah --</option>                                    
     </select>                                
     </div>                     
  </div>  

кнопка

<button type="button" id="btn-filter" class="btn btn-sm btn-primary" ><i class="glyphicon glyphicon-eye-open"></i> Tampil</button>
<button type="button" id="btn-reset" class="btn btn-sm btn-default"> <i class="glyphicon glyphicon-refresh"></i> Refresh</button>

Функция щелчка

 $('#btn-filter').click(function(){ //button filter event click
        table.ajax.reload();  //just reload table
    });
    $('#btn-reset').click(function(){ //button reset event click
        $('#form-filter')[0].reset();
        table.ajax.reload();  //just reload table
    });

ajax

<script type="text/javascript">
    $(document).ready(function(){
        $('#nama_rs').change(function(){
            var id=$(this).val();
            $.ajax({
                url : "<?php echo base_url();?>index.php/klinik/get_subkategori",
                method : "POST",
                data : {id: id},
                async : false,
                dataType : 'json',
                success: function(data){
                    var html = '';
                    var i;
                    for(i=0; i<data.length; i++){
                        html += '<option>'+data[i].nama_makul+'</option>';
                    }
                    $('.nama_makul').html(html);

                }
            });
        });
    });
</script>
...