Как показать новый столбец после использования select2 в laravel?

Question

У меня есть форма и использование select2 для фильтра. Я хочу показать новый столбец с помощью этого select2. Я не знаю, возможно это или нет, но я хочу сделать это. используя jquery или что-то, может кто-то ссылаться на меня по этому поводу? Моя форма для ввода

 <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>

после использования этого select2 будет отображать новую форму. может кто-то ссылается на меня по этому поводу?

Answer 1

// выбор ввода

<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>

// новая форма

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

 </form
<div>

// 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>