cara menampilkan <div style="display:none;"> menggunakan select item combobox.
Eastman disciple · Apr 25, 2012
saya numpang nanya gan,,,
ini saya ada value combobox dari data base mysql
-news
-event
-product
kemudian saya membuat div dengan style display none yg form untuk mengisi data2 baru, div yang di display none tadinya itu akan muncul jika saya mengklik value -event pada combobox diatas.
Pertanyaan saya adalah bagaimana sih coding php untuk membuat langkah2 diatas dan jika menggunakan javascript gimana juga sih codingnya ,,,, thx gan GBU.
ini saya ada value combobox dari data base mysql
-news
-event
-product
kemudian saya membuat div dengan style display none yg form untuk mengisi data2 baru, div yang di display none tadinya itu akan muncul jika saya mengklik value -event pada combobox diatas.
Pertanyaan saya adalah bagaimana sih coding php untuk membuat langkah2 diatas dan jika menggunakan javascript gimana juga sih codingnya ,,,, thx gan GBU.
Silahkan login untuk menjawab!
1
Loading...
Ellyx Christian
· Apr 26, 2012
· 1 Suka
· 0 Tidak Suka
<select name="type" onchange="showDiv(this.value)">
<option value="news">News</option>
<option value="event">Event</option>
<option value="product">Product</option>
</select>
<div id="form-news">
form news
</div>
<div id="form-event" style="display:none">
form event
</div>
<div id="form-product" style="display:none">
form product
</div>
<script type="text/javascript">
function showDiv(id){
id = "form-"+id;
document.getElementById('form-news').style.display = 'none';
document.getElementById('form-event').style.display = 'none';
document.getElementById('form-product').style.display = 'none';
document.getElementById(id).style.display = 'block';
}
</script>