Mohon pencerahan Seleksi input di combo box, Show and hide html

Dibuat 7 Tahun lalu | 2018-06-05 06:57:53 WIB,

Telah Dilihat 2210 Kali

Sultan Account

Nian Dwi Christianto SW Mengatakan : Sultan Account

<label>Status Pengajuan :</label>
<select class="form-control" name="status" type="text" id="status">
  <?php
//mengambil nama-nama departemen yang ada di database
$status = mysql_query("SELECT * FROM status_pengajuan ORDER BY status");
while($sp=mysql_fetch_array($status)){
echo "<option value=\"$sp[id]\">$sp[status]</option>\n";
}
?>
</select>
</div>
<div class="form-group">
 <form action="status_kerja"> 
<p>Tanggal MCU Terakhir :<input type="date" name="tgl_mcu_akhir">  </p></div>
<div class="form-group">
<p>Expired ID Card Lama : 
  <input type="date" name="expired_idcardlama"></p>
</div> 
<div class="form-group">
<p>Pengajuan Section ke HR : <input type="date" name="pengajuansc_hr" />
</p></div>
<div class="form-group">
<p>Pengajuan ke Berau Coal : <input type="date" name="pengajuanke_bc" />
</p></div>
<div class="form-group">
<p>Diterima dari Berau Coal : <input type="date" name="diterimadari_bc" />
</p></div>
<div class="form-group">
<p>Expired ID Card Baru : <input type="date" name="expired_idcardbaru" />
</p></div>
<div class="form-group">
<p>Diberikan kepada pemiliknya : <input type="date" name="diberikanpd_user" />
</p>
</div>
 
<div class="form-group">Report : 
  <select class="form-control" name="report" id="report" required="">
    <option>Aktif</option>
    <option>Expired</option>
  </select>
</div>   
 
<button type="submit" class="btn btn-primary" name="tambah" id="tambah">Tambah</button>
<button type="reset" class="btn btn-default">Batal</button>
                </form>

Ada 1 File Kiriman :

1. suatu_case_combo_box_selection.txt (595 B)

Ada 3 Jawaban

Bukhori Muslim
commented on 05 Jun 2018 07:39:20 Sultan Account

Assalam,.. bisa dikondisikan menggunakan javascript, jadinya begini :
 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>PHPMU.Com - Show and hide html element on selected option change</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#idcardlama').hide();
$('#show').on('change', function () {
   var optionSelected = $("option:selected", this);
   var valueSelected = this.value;
   if(valueSelected == 2){
     $("#idcardlama").show();
   }else{
     $("#idcardlama").hide();
   }
});
});
</script>
</head>
<body>
 
<label>Status Pengajuan :</label>
	<select id='show' class="form-control" name="status" type="text" id="status">
		<option value='1'>Pengajuan Baru</option>
		<option value='2'>Pengajuan Perpanjangan</option>
	</select>
</div>
 
<div class="form-group">
 <form action="status_kerja"> 
<p>Tanggal MCU Terakhir :<input type="date" name="tgl_mcu_akhir">  </p></div>
<div id="idcardlama" class="form-group">
<p>Expired ID Card Lama : 
  <input type="date" name="expired_idcardlama"></p>
</div> 
<div class="form-group">
<p>Pengajuan Section ke HR : <input type="date" name="pengajuansc_hr" />
</p></div>
<div class="form-group">
<p>Pengajuan ke Berau Coal : <input type="date" name="pengajuanke_bc" />
</p></div>
<div class="form-group">
<p>Diterima dari Berau Coal : <input type="date" name="diterimadari_bc" />
</p></div>
<div class="form-group">
<p>Expired ID Card Baru : <input type="date" name="expired_idcardbaru" />
</p></div>
<div class="form-group">
<p>Diberikan kepada pemiliknya : <input type="date" name="diberikanpd_user" />
</p>
</div>
 
<div class="form-group">Report : 
  <select class="form-control" name="report" id="report" required="">
    <option>Aktif</option>
    <option>Expired</option>
  </select>
</div>   
 
<button type="submit" class="btn btn-primary" name="tambah" id="tambah">Tambah</button>
<button type="reset" class="btn btn-default">Batal</button>
</form>
 
</body>
</html>

Nian Dwi Christianto SW commented on 05 Jun 2018 08:29:16 Sultan Account

	Assalam,.. JOSS !! Trima kasih :D

Nian Dwi Christianto SW commented on 05 Jun 2018 09:18:29 Sultan Account

	Selamat siang, Masih dengan case yang sama kali ini saya ingin membuat suatu tanggal dengan desain javascript kalender jquery-ui 3.3.1. Mohon pencerahannya ? terima kasih

Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

	BSI - Bank Syariah Indonesia (451)

	ROBBY PRIHANDAYA
	1043-5665-19


	Bank Muamalat (147)
	ROBBY PRIHANDAYA
	4220-0174-81

Jual Beli Produk Digital - Cepat, Aman, Dan Terpercaya Sejak 2012 (Ada 69451 Members, 807 Products, 4726 Topic, 13078 Comments)

Mohon pencerahan Seleksi input di combo box, Show and hide html

Ada 3 Jawaban

Projects Remote

Hot Questions

Tentang Kami

Jam Layanan

Knowledgebase