Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
menampilkan elemen tertentu dengan tag <option>
ada gan cara ketika kita memilih salah satu option, selanjutnya option tsb, menampilkan elemen tertentu.
3 Jawaban:
Pakai event JavaScript kak,
<pre> <select class="select1"> <option value="xxx">xxx</option> </select> <div class='div1' style="display:none"> <!-- element --> </div> <script> $(document).ready(function) { $('.select1').on('change', function () { $('.div1').fadeIn(): }): } </script> </pre>
@zillucks saya kurang paham gan, karena saya belum belajar jquery. tapi kalau menggunakan even js udah saya coba. dan saya bingung di urlnya mengapa begitu. <pre> <form id ="form" action="#">
&lt;select name="opt"&gt;
&lt;option value="a"&gt;a&lt;/option&gt;
&lt;option value="b"&gt;b&lt;/option&gt;
&lt;/select&gt;
&lt;button onclick="fungsi()"&gt;pilih&lt;/button&gt;
</form>
<div id="untuk_a" > hehehe </div>
<div id="untuk_b" style="display:none"> hahaha </div>
<script>
function fungsi(){
var myform = document.getElementById('form');
var opsi = myform.opt.value;
var x = document.getElementById('untuk_a');
var y = document.getElementById('untuk_b');
if(opsi == "a"){
x.style.display = "block";
}else if(opsi == "b"){
y.style.display = "block";
x.style.display = "none";
}
}
</script> </pre>
:3 https://www.w3schools.com/jquery/event_preventdefault.asp
