Daftar dan Belajar Sekarang!

Cara menampilkan kolom input jika

foto simuf
16 Kontribusi 1 Coto
1 minggu yang lalu
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  https://prnt.sc/mj1c7s contoh kalo di pilih kategori 3  https://prnt.sc/mj1c9z makasih gan sebelumnya

Jawaban
foto dianarifr
494 Kontribusi 223 Coto
1 minggu yang lalu
bisa pake jquery css
$("#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");
}
});
  • Belom bisa juga om, apa ane yg salah ya, coba referensi nya om - simuf
  • coba code yg agan bikin taruh diatas - dianarifr
  • itu om codenya - simuf

Login untuk tulis komentar


foto simuf
16 Kontribusi 1 Coto
2 hari yang lalu
@dianarifr
<script>
$("#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");
}
});
</script>

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

                        </div>
                        <!-- col -->

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

</div>

foto simuf
16 Kontribusi 1 Coto
16 jam yang lalu
okk gan, ane juga lagi nyari2


Login untuk diksusi di forum sekolah koding