hide n show form

adhemb · May 10, 2012
met siang lgi mas...
sya mau nanya lgi..
gini sya mau buat form menggunakan select option jadi prinsipnya bgini apabila sya pilih option bangunan maka yang akan muncul form berisi tentang inputan bangunan klo sya pilih gedung maka form nya ke inputan gedung...
mohon bantuannya mas berhubung ini tugas kuliah klo bsa sma contoh programnya..makasih sbelumnya...:)
Silahkan login untuk menjawab!
0
Ellyx Christian · May 11, 2012 · 0 Suka · 0 Tidak Suka
prinsipnya seperti ini
<select name="test" onchange="showForm(this.value);">
<option value="">-----</option>
<option value="form1">Form 1</option>
<option value="form1">Form 2</option>
</select>
<div id="form1" style="display:none">
Form1
</div>
<div id="form2" style="display:none">
Form 2
</div>
<script type="text/javascript">
function showForm(id){
document.getElementById('form1').style.display='none';
document.getElementById('form2').style.display='none';
document.getElementById(id).style.display='block';
}
</script>