Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Input barang multi kategori, javascript, php, mysql gagal input
disini ada javascript ketika memilih radio button konveksi yg muncul konveksi atau sebaliknya :
<script type="text/javascript">
$(function(){
$(":radio.kat").click(function(){
$("#kon1, #sou1").hide()
if($(this).val() == "Konveksi"){
$("#kon1").show();
}else{
$("#sou1").show();
}
});
});
</script>
Permasalahanya : Ketika saya menginputkan data barang, memilih kategori KONVEKSI dan memilih jenis kategori yang ter input di database seperti gambar berikut tetapi kalau saya memilih kategori SOUVENIR dan jenis berhsil di inputkan inputan berhasil:
jadi kalau pilih kategori yg konveksi bagian jenis konveksinya yang ter input malah <option>Pilih Kategori Souvenir</option>
dibawah ini radio button kategori (konveksi dan souvenir) :
<div class="col-12">
<div class="col-12 mb-3 form-control" >
<input type="radio" name="category" id="kat1" value="Konveksi" class="kat" required /> KONVEKSI
<input type="radio" name="category" id="kat2" value="Souvenir" class="kat" required/> SOUVENIR
</div>
</div>
di bawah ini jenis masing" kategori (konveksi dan souvenir):
<div id="kon1" style="display:none" class="col-12 mb-3">
<select class="w-100" name="jenis">
<option>Pilih Kategori Konveksi</option>
<?php
include 'koneksi.php';
$hasil=mysqli_query ($con, "SELECT * FROM konveksi");
while($data= mysqli_fetch_array ($hasil))
{
echo "<option value='$data[jenis_konveksi]'>$data[jenis_konveksi]</option>";
}
?>
</select>
</div>
<div id="sou1" style="display:none" class="col-12 mb-3">
<select class="w-100" name="jenis">
<option>Pilih Kategori Souvenir</option>
<?php
include 'koneksi.php';
$hasil=mysqli_query ($con, "SELECT * FROM souvenir");
while($data= mysqli_fetch_array ($hasil))
{
echo "<option value='$data[jenis_souvenir]'>$data[jenis_souvenir]</option>";
}
?>
</select>
</div>
1 Jawaban:
Kasih value nya jadi kosong, contohnya
<pre> <div id="kon1" style="display:none" class="col-12 mb-3"> <select class="w-100" name="jenis" id="jenis"> <option value="">Pilih Kategori Konveksi</option> </pre>
Setelah itu bisa beri validasi. Contoh validasi jquery
<pre> <script> $(document).ready(function(){ $("form").submit(function(){
var value = $("#jenis option:selected").val();
if(value==""){
alert("Mohon pilih jenisnya!!")
return false;
} }); }); </script> </pre> Ingat: Isi ID di <select> untuk identitas jquery
untuk validasi versi php : <pre> if($_POST[jenis]==""){ echo "Mohon isi jenisnya!!" }else{ // code untuk simpan ke database } </pre>
Ke dua itu validasi sederhannya
Kalau kamu melakukannya tanpa validasi, menambah value="" di atribut option aja cukup
<pre> <option value="">Pilih Kategori Konveksi</option> </pre>
Nanti di database tersimpan dengan nilai kosong
Happy Coding ^^