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