Я попытался создать кнопку для сброса фильтра формы, когда я добавляю в фильтр цепочку со списком, кнопка очистки только обновляет 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>