[ PHP ] Mengisi Input Field Otomatis Berdasarkan Pilihan dari Dropdown List

Halo, kali ini saya akan membuat sedikit tutorial dengan PHP dan Javascript.

singkat saja
logikanya, jika kita pilih dari dropdown, maka field input lainnya akan terisi secara otomatis.

tambahkan script dropdown di html.

<div class="col-xs-12">
	 <h3 class="box-title">
<b>Benih Sumber</b> : <select name="Izin[pilihSumber]" id="passport" class="passport" required>
			<option value="" selected >- Pilih -</option>
			<option value="Benih Penjenis (BS)">Benih Penjenis (BS)</option>
			<option value="Benih Dasar (G-0)">Benih Dasar (G-0)</option>
			<option value="Benih Pokok (G-1)">Benih Pokok (G-1)</option>
			</select>
        </h3>
</div>

Tambahkan javascript di bawah script poin 1, posisinya di paling bawah dari halaman koding juga bisa.

<script>
	$('.passport').change(function(){
		var responseID = $(this).val();
		var sat=document.getElementById('sat');
		
		if(responseID =="Benih Penjenis (BS)"){
			
			sat.value="-";
			
		} else if(responseID =="Benih Dasar (G-0)"){
			sat.value="Knol";
			
		}else if(responseID =="Benih Pokok (G-1)"){
		        sat.value="Kg";

		} else{
			sat.value="Tonnase";

		}
		console.log(responseID);
	});
	</script>

Sedikit keterangan, deklarasikan dulu pemanggilan field inputnya lewat id = document.getElementById('sat')

Kemudian buat field inputnya.

<input type="text" name="Izin[satuanBenih]" class="form-control" id="sat" readOnly>

Selesai, selamat mencoba.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Scroll to Top