Oleh : Abah Razi
بسم الله الرحمن الرحيم
Kita dapat menyembunyikan sebuah bagian di dalam <div> lalu memunculkannya setelah opsi di komponen <select> dipilih.
Komponen select akan tampak seperti berikut :
1 2 3 4 5 6 7 8 | <Select id="colorselector"> <option value="red">Red</option> <option value="yellow">Yellow</option> <option value="blue">Blue</option></Select><div id="red" class="colors" style="display:none"> red... </div><div id="yellow" class="colors" style="display:none"> yellow.. </div><div id="blue" class="colors" style="display:none"> blue.. </div> |
Lalu kita tambahkan javascript seperti ini :
1 2 3 4 5 6 | $(function() { $('#colorselector').change(function(){ $('.colors').hide(); $('#' + $(this).val()).show(); });}); |
Demikian, selamat mencoba
Leave a Reply