menampilkan elemen tertentu dengan tag <option>

ada gan cara ketika kita memilih salah satu option, selanjutnya option tsb, menampilkan elemen tertentu.

avatar kanganjay08
@kanganjay08

41 Kontribusi 13 Poin

Diperbarui 5 tahun yang lalu

3 Jawaban:

Pakai event JavaScript kak,

<pre> &lt;select class="select1"&gt; &lt;option value="xxx"&gt;xxx&lt;/option&gt; &lt;/select&gt; &lt;div class='div1' style="display:none"&gt; &lt;!-- element --&gt; &lt;/div&gt; &lt;script&gt; $(document).ready(function) { $('.select1').on('change', function () { $('.div1').fadeIn(): }): } &lt;/script&gt; </pre>

avatar zillucks
@zillucks

28 Kontribusi 8 Poin

Dipost 5 tahun yang lalu

@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> &lt;form id ="form" action="#"&gt;

&amp;lt;select name=&quot;opt&quot;&amp;gt;
	&amp;lt;option value=&quot;a&quot;&amp;gt;a&amp;lt;/option&amp;gt;
	&amp;lt;option value=&quot;b&quot;&amp;gt;b&amp;lt;/option&amp;gt;
&amp;lt;/select&amp;gt;

&amp;lt;button onclick=&quot;fungsi()&quot;&amp;gt;pilih&amp;lt;/button&amp;gt;

&lt;/form&gt;

&lt;div id="untuk_a" &gt; hehehe &lt;/div&gt;

&lt;div id="untuk_b" style="display:none"&gt; hahaha &lt;/div&gt;

&lt;script&gt;

function fungsi(){

var myform = document.getElementById(&#039;form&#039;);
var opsi = myform.opt.value;
var x = document.getElementById(&#039;untuk_a&#039;);
var y = document.getElementById(&#039;untuk_b&#039;);


if(opsi == &quot;a&quot;){
	x.style.display = &quot;block&quot;;

	
}else if(opsi == &quot;b&quot;){
	y.style.display  = &quot;block&quot;;
	x.style.display = &quot;none&quot;;
}

}

&lt;/script&gt; </pre>

avatar kanganjay08
@kanganjay08

41 Kontribusi 13 Poin

Dipost 5 tahun yang lalu

:3 https://www.w3schools.com/jquery/event_preventdefault.asp

avatar zerokira
@zerokira

49 Kontribusi 30 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban