• [ 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.

    1. tambahkan script dropdownnya.

    <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>

    2. 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 iddocument.getElementById('sat')

    3. Kemudian buat field inputnya.

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


    Selesai, selamat mencoba.

  • 0 comments:

    Posting Komentar