Tutorial membuat dropdown PHP Codeigniter Ajax Jquey Dinamis
Dari Database
Berikut saya akan membagikan tutorial di form input,
untuk form edit akan sy bagikan setelah ini
Pertama buat dulu DB nya bisa satu table bisa 2 tabel, yg 2
tabel sudah ada di blog sebelah cari aja ajax select2
Controller
public function __construct() //untuk menload semua model di semua
fungsi kontroller agar tidak ada yg lupa load, pengalaman karena ajax tidak
bisa membaca error dari PHP atau CI
{
parent::__construct();
$this->load->model('model_pelayanan');
$this->load->model('models_select');
$this->load->helper('form_helper');
}
function notulen(){
$data['unor']=$this->models_select->unor();
$this->load->view('form_notulen', $data);
}
function unker($kdunit)
{
$unker="<option value='0'>--pilih--</option>"; //ketika
belum dipilih
$uker =
$this->models_select->unker(substr($kdunit, 0,2)); //fungsi substring
untuk mengambil karakter yg pada field db dimulai dari 0(dari awal kata)
diambil2 huruf, ini fungsi yg di ambil dari dropdown awal
foreach ($uker as
$data => $v)
{
$unker .=
"<option
value='".$v['kdunit']."'>".$v['keterangan']."</option>";
}
echo $unker;
}
Model
function
unor() //utk menampilkan dropwon yg
pertama
{
$this->db->where('eselon',1);
$unor=
$this->db->get('unitkerja');
return
$unor->result_array();
}
function
unker($kdunit) //utk menampilkan dropdown ke 2, $kdunit diambil dari function
atas dalam view nya
{
$sql
= " SELECT * FROM unitkerja WHERE SUBSTR(kdunit,1,2) =
'".$kdunit."' AND eselon='3'";
$uker=
$this->db->query($sql); //membuat
query data dari dropdown ke 2
if($uker)
{
return $uker->result_array();
}
else
return $this->db->_error_message();
}
View
<tr>
<td> Unit
Organisasi</td>
<td>
<select
name="unor" id="unor">
<?php
foreach($unor as $k => $v){
echo
"<option value='".$v['kdunit']."'";
echo
">".$v['keterangan']."</option>";
echo
"\n";
}
?>
</select>
</td>
</tr>
<tr>
<td>
Uker</td>
<td>
<select
name="uker" id="unitkerja" >
</select>
</td>
</tr>
<script
type="text/javascript">
$(function(){
$("#unor").change(function()
/.di isi ID dari dropdown form
{
var value =
$(this).val();
$.ajax
({
url:
"<?php echo site_url('pelayanan/unker/'); ?>" + value, //value disni menerima inputan dari dropdown
pertama
dataType:
'text',
method:
'POST',
success:
function(respond)
{
$("#unitkerja").html(respond);
},
error:
function(jqXHR, textStatus, errorThrown)
{
alert(jqXHR+' | ' +textStatus+' | '+ errorThrown);
}
});
});
});
</script>
Untuk mendebug bisa kalian liat di bawah ini
Contoh Table
Query 1 Dropdown 1
Query 2 DropDown 2
Konsep
Thanks To Alfonsus Hariajie yg sudah membantu
™ ©AMHAN
