Cara menampilkan kolom input jika

misi gan, ane mau nanya lagi nih ane ada 3 option kategori, contoh nya 1, 2, sama 3 nah kalo di pilih 1 sama 2 itu ga nampilin kolom input tapi kalo di pilih nomor 3 nampilin kolom input contoh kyak di gambar contoh kalo di pilih kategori 1 dan 2 contoh kalo di pilih kategori 3 makasih gan sebelumnya

avatar simuf
@simuf

43 Kontribusi 5 Poin

Diperbarui 5 tahun yang lalu

4 Jawaban:

bisa pake jquery css <pre> $("#kategori").change(function(){ if($(this).val() == 1 && $(this).val() == 2) { $("#check").css("display","block"); $("#textarea").css("display","none"); } else { $("#check").css("display","none"); $("#textarea").css("display","block"); } }); </pre>

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

Tanggapan

Belom bisa juga om, apa ane yg salah ya, coba referensi nya om

coba code yg agan bikin taruh diatas

itu om codenya

@dianarifr

<pre> &lt;script&gt; $("#category").change(function(){ if($(this).val() == 1 && $(this).val() == 2) { $("#check").css("display","block"); $("#textarea").css("display","none"); } else { $("#check").css("display","none"); $("#textarea").css("display","block"); } }); &lt;/script&gt;

                            &amp;lt;div class=&quot;card-body card-padding&quot;&amp;gt;
                            &amp;lt;!-- start content --&amp;gt;
	                  &amp;lt;form class=&quot;form-horizontal&quot; method=&quot;POST&quot;&amp;gt;
	                    &amp;lt;div class=&quot;form-group&quot;&amp;gt;
	                      &amp;lt;label class=&quot;col-md-12&quot;&amp;gt;Category&amp;lt;/label&amp;gt;
	                      &amp;lt;div class=&quot;col-md-12&quot;&amp;gt;
	                        &amp;lt;select class=&quot;form-control&quot; name=&quot;category&quot; id=&quot;category&quot;&amp;gt;
	                          &amp;lt;option value=&quot;0&quot;&amp;gt;Pilih salah satu&amp;lt;/option&amp;gt;
	                          &amp;lt;option value=&quot;1&quot;&amp;gt;1&amp;lt;/option&amp;gt;
			                  &amp;lt;option value=&quot;2&quot;&amp;gt;2&amp;lt;/option&amp;gt;
			                  &amp;lt;option value=&quot;3&quot;&amp;gt;3&amp;lt;/option&amp;gt;
	                        &amp;lt;/select&amp;gt;
	                      &amp;lt;/div&amp;gt;
	                    &amp;lt;/div&amp;gt;
	                    &amp;lt;div class=&quot;form-group&quot;&amp;gt;
	                      &amp;lt;div class=&quot;col-md-12&quot;&amp;gt;
	                      &amp;lt;label&amp;gt;Username/Link&amp;lt;/label&amp;gt;
	                        &amp;lt;input type=&quot;text&quot; class=&quot;form-control&quot; name=&quot;link&quot; placeholder=&quot;Username/Link&quot; required&amp;gt;
	                      &amp;lt;/div&amp;gt;
	                    &amp;lt;/div&amp;gt;
	                    &amp;lt;div class=&quot;form-group&quot;&amp;gt;
	                      &amp;lt;div class=&quot;col-md-12&quot;&amp;gt;
	                      &amp;lt;label&amp;gt;Input Komentar&amp;lt;/label&amp;gt;
	                    &amp;lt;textarea name=&quot;textarea&quot; style=&quot;display: none;&quot;&amp;gt;&amp;lt;/textarea&amp;gt;
	                      &amp;lt;/div&amp;gt;
	                    &amp;lt;/div&amp;gt;
	                    &amp;lt;div class=&quot;form-group&quot;&amp;gt;
	                      &amp;lt;div class=&quot;col-md-6&quot;&amp;gt;
		                      &amp;lt;label&amp;gt;Jumlah&amp;lt;/label&amp;gt;
		                      &amp;lt;div&amp;gt;
		                        &amp;lt;input type=&quot;hidden&quot; class=&quot;form-control&quot; id=&quot;rate&quot;&amp;gt;
		                        &amp;lt;input type=&quot;number&quot; class=&quot;form-control&quot; name=&quot;quantity&quot; id=&quot;quantity&quot; placeholder=&quot;Jumlahnya&quot; onkeyup=&quot;getcut(this.value).value;&quot; required&amp;gt;
		                      &amp;lt;/div&amp;gt;
	                      &amp;lt;/div&amp;gt;
	                    &amp;lt;div class=&quot;form-group m-b-0&quot;&amp;gt;
	                      &amp;lt;div class=&quot;col-md-12&quot;&amp;gt;
	                        &amp;lt;button type=&quot;submit&quot; class=&quot;btn btn-info waves-effect waves-light&quot; id=&quot;order&quot; name=&quot;order&quot;&amp;gt;&amp;lt;i class=&quot;ion ion-ios-cart&quot;&amp;gt;&amp;lt;/i&amp;gt; Add &amp;lt;/button&amp;gt;
	                      &amp;lt;/div&amp;gt;
	                    &amp;lt;/div&amp;gt;
	                  &amp;lt;/form&amp;gt;
                            &amp;lt;!-- end content --&amp;gt;
                        &amp;lt;/div&amp;gt;

                    &amp;lt;/div&amp;gt;
                    &amp;lt;!-- col --&amp;gt;

</pre>

avatar simuf
@simuf

43 Kontribusi 5 Poin

Dipost 5 tahun yang lalu

coba ini, id dan name sesuaikan kebutuhan <pre>&lt;script&gt; $("#category").change(function(){ if($(this).val() != 3) { $("#textarea").hide(); $("#check").show(); } else { $("#textarea").show(); $("#check").hide(); } }); &lt;/script&gt; &lt;div class="card-body card-padding"&gt; &lt;!-- start content --&gt; &lt;form class="form-horizontal" method="POST"&gt; &lt;div class="form-group"&gt; &lt;label class="col-md-12"&gt;Category&lt;/label&gt; &lt;div class="col-md-12"&gt; &lt;select class="form-control" name="category" id="category"&gt; &lt;option value="0"&gt;Pilih salah satu&lt;/option&gt; &lt;option value="1"&gt;1&lt;/option&gt; &lt;option value="2"&gt;2&lt;/option&gt; &lt;option value="3"&gt;3&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;div class="col-md-12"&gt; &lt;label&gt;Username/Link&lt;/label&gt; &lt;input type="text" class="form-control" name="link" placeholder="Username/Link" required&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;div class="col-md-12"&gt; &lt;label&gt;Input Komentar&lt;/label&gt; &lt;textarea name="textarea" id="textarea" style="display: none;"&gt;&lt;/textarea&gt; &lt;p id="check" style="display: none;"&gt; &lt;input type="radio" name="check"&gt;drip-feed &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group"&gt; &lt;div class="col-md-6"&gt; &lt;label&gt;Jumlah&lt;/label&gt; &lt;div&gt; &lt;input type="hidden" class="form-control" id="rate"&gt; &lt;input type="number" class="form-control" name="quantity" id="quantity" placeholder="Jumlahnya" onkeyup="getcut(this.value).value;" required&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="form-group m-b-0"&gt; &lt;div class="col-md-12"&gt; &lt;button type="submit" class="btn btn-info waves-effect waves-light" id="order" name="order"&gt;&lt;i class="ion ion-ios-cart"&gt;&lt;/i&gt; Add &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/form&gt; &lt;!-- end content --&gt; &lt;/div&gt;

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

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

okk gan, ane juga lagi nyari2

avatar simuf
@simuf

43 Kontribusi 5 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban