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>

avatar ekopras18
@ekopras18

10 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

1 Jawaban:

Kasih value nya jadi kosong, contohnya

<pre> &lt;div id="kon1" style="display:none" class="col-12 mb-3"&gt; &lt;select class="w-100" name="jenis" id="jenis"&gt; &lt;option value=""&gt;Pilih Kategori Konveksi&lt;/option&gt; </pre>

Setelah itu bisa beri validasi. Contoh validasi jquery

<pre> &lt;script&gt; $(document).ready(function(){ $("form").submit(function(){

       var value = $(&quot;#jenis option:selected&quot;).val();
       if(value==&quot;&quot;){
       alert(&quot;Mohon pilih jenisnya!!&quot;)
       return false;

} }); }); &lt;/script&gt; </pre> Ingat: Isi ID di &lt;select&gt; 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> &lt;option value=""&gt;Pilih Kategori Konveksi&lt;/option&gt; </pre>

Nanti di database tersimpan dengan nilai kosong

Happy Coding ^^

avatar rious
@rious

8 Kontribusi 2 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban