Şarta bağlı form elemanı gösterme

Merhaba duyuru ekleme formumda duyuru tipi olarak "süreli" seçildiğinde
başlangıç ve bitiş tarihi seçimi alanlarının görünmesini nasıl sağlayabilirim?

<div class="col-md-6 col-sm-6 input-group mb-3">
    <div class="input-group-prepend">
      <span class="input-group-text">Duyuru tipi: </span>
    </div>  
      <select id="inputStatus" class="form-control is-info" name="duyurutipi">
          <option selected disabled>Seçim yapın…</option>
          <option value="1">Genel</option>
          <option value="2">Süreli</option>
      </select>
</div>

duyuru tipi olarak süreli seçilirse eğer aşağıdaki form elemanı açılsın ve seçim yapılabilsin.

 <!-- Başlangıç Date dd/mm/yyyy -->
  <div class="row">
    <div class="col-md-5 col-sm-6 input-group mb-3">
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <span class="input-group-text">Başlangıç Tarihi:</span>
        </div>
        <input type="date" class="form-control" name="baslangictarihi">
      </div>
    </div>
    <div class="col-md-5 col-sm-6 input-group mb-3">
      <!-- Bitiş Date dd/mm/yyyy -->
      <div class="input-group mb-3">
        <div class="input-group-prepend">
          <span class="input-group-text">Bitiş Tarihi:</span>
        </div>
        <input type="date" class="form-control" name="sontarihi">
      </div>
    </div>
  </div>

duyuru tipi olarak genel seçiliyse o zamanda bu baslangic ve bitis için tarih seçim elemanı görünmesin istiyorum.

Nasıl yapabilirim?

Şarta bağlı form elemanı gösterme

Soru hatalı mı? 👎

Cevap yaz

Cevaplar (1)