Saya memiliki formulir dan menggunakan select2 untuk filter. Saya ingin menampilkan kolom baru dengan menggunakan select2 ini. Saya tidak tahu itu mungkin atau tidak, tetapi saya ingin melakukan ini. menggunakan jquery atau sesuatu, dapatkah seseorang merujuk saya tentang ini? ini formulir saya untuk masukan saya

 <form class="form-prevent-multiple-submits" data-toggle="validator" action="{{route('update_sarpras_aduan'),'test'}} " method="post">
                  @csrf
                  {{method_field('patch')}}
                <div class="form-group">
                <label class="control-label" for="title">Nama Unit:</label>
                    <input type="text" name="nama_unit" id="nama_unit" class="form-control" data-error="Please enter title." required disabled/>
                    <div class="help-block with-errors"></div>
                  </div>
                <div class="form-group">
                    <label class="control-label" for="title">Tanggal Aduan:</label>
                    <textarea name="created_at" class="form-control" id="tgl_aduan" data-error="Please enter description." readonly ></textarea>
                    <div class="help-block with-errors"></div>
                  </div>
                <div class="form-group">
                      <label class="control-label" for="title">Nama Pengadu:</label>
                      <input type="text" name="nama_pengadu" class="form-control" id="nama_pengadu" data-error="Please enter title." readonly />
                      <div class="help-block with-errors"></div>
                    </div>
                    <div class="form-group">
                        <label> Isi Aduan </label>
                        <textarea name="aduan" id="aduan" class="form-control" rows="3" placeholder="Isi Aduan atau Keluhan ..."  readonly ></textarea>
                      </div>


                    <div class="form-group">
                      <label class="control-label" for="title">Nama Teknisi:</label>
                      <input type="text" name="nama_teknisi" class="form-control" id="nama_teknisi" data-error="Please enter title."  readonly />
                      <div class="help-block with-errors"></div>
                    </div>
              ----------------here this select2---------------------------
                    <div class="form-group">
                      <label>Pilih Inventaris</label>
                      <select class="form-control select2bs4" name="alat_id" id="alat_id" style="width: 100%;" aria-hidden="true">
                        @foreach($inven as $id => $item )
                        <option value="{{ $id }}">{{ $item }} </option>
                        @endforeach
                      </select>
                    </div>




             --------------------------------------------------
                     <div class="form-group">
                      <label>Status Saat Ini  (Jangan Lupa Diganti)</label>  
                      <select name="status" id="status" class="form-control">  

                           <option value="Tindakan Lanjutan">Tindakan Lanjutan</option>
                           <option value="Selesai">Selesai</option>  
                      </select>  
                      <div class="help-block with-errors"></div>
                    </div>


                    <div class="form-group">
                      <label> Tindakan Pelaksana </label>
                      <textarea name="tindakan" id="tindakan" class="form-control" rows="3" placeholder="Isi Tindakan Yang dilakukan"  required ></textarea>
                    </div>

                     <div class="form-group">
                          <label>Kondisi Alat </label>  
                          <select name="status_alat" id="status_alat" class="form-control">  
                               <option value="Baik">Baik</option>  
                               <option value="Rusak Ringan">Rusak Ringan</option>
                               <option value="Rusak Berat">Rusak Berat</option>

                          </select>  
                          <div class="help-block with-errors"></div>
                        </div>








                  <input type="hidden" name="id" id="id" value="">
                  <input type="hidden" name="user_id" id="user_id" value="">
                  <input type="hidden" name="ipsrs_id" id="ipsrs_id" value="">
                  <input type="hidden" name="teknisi_id" id="teknisi_id" value="">

                  <input type="hidden" name="ended_at" id="ended_at" value="">
                  <div class="form-group">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    <button type="submit" id="button" class="btn btn-success crud-submit-edit button-prevent-multiple-submits">
                        <i class="spinner fa fa-spinner fa-spin" ></i>
                      Submit</button>
                  </div>
                    </form>

Setelah menggunakan select2 ini, akan muncul form baru. dapat seseorang referensi kepada saya tentang ini?

0
Adhik Mulat 5 Maret 2020, 09:59

1 menjawab

Jawaban Terbaik

//pilih masukan

<div class="form-group">
      <label>Pilih Inventaris</label>
      <select class="form-control select2bs4" name="alat_id" id="alat_id" style="width: 100%;" aria-hidden="true" onchange="Show()">
      @foreach($inven as $id => $item )
      <option value="{{ $id }}">{{ $item }} </option>
      @endforeach
      </select>
   </div>

//bentuk baru

<div id="divid" style="display:none">
 <form method="" action="">
  @csrf

 </form
<div>

//kode javascript

<script>
 function Show()
  {
     var fieldValue =  $('#alat_id').val();


        if(fieldValue == "")
         {
          document.getElementById("divid").style.display = 'none';
           }
        else{
          document.getElementById("divid").style.display = 'inline'
          }           
     }

</script>
1
Julius Fasema 5 Maret 2020, 08:09