Yeni Focus Temasını Keşfedin
📌2 Senelik Yolculuğumuzda 1.000.000m+ Ham Görüntüleme İçin Teşekkürler. İyi ki varsınız! 🙏🏻
Discord sunucumuza tüm üyelerimiz davetlidir! ✨(Link)
  • Discord ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Discord ile kaydolun ve daha ayrıcalıklı olun 👑
  • Telegram ile Kayıt Aktif | Onaylı Üyelik
    Forumdan daha fazla yararlanmak için, Telegram ile kaydolun ve daha ayrıcalıklı olun 👑

Select & Option İçindeki Bir Seçeneği Seçtiğinizde Yeni/Gizli Input Ortaya Çıksın

Select & Option İçindeki Bir Seçeneği Seçtiğinizde Yeni/Gizli Input Ortaya Çıksın

ProxyXF ProxyXF - #1
Select & Option İçindeki Bir Seçeneği Seçtiğinizde Yeni/Gizli Input Ortaya Çıksın

Bu işlemi yapmak için, HTML'de select etiketi ve option etiketlerini kullanabilirsiniz. Seçeneklerin yanında bir onchange olayı ekleyerek, select öğesinin değeri değiştiğinde bir JavaScript işlevi çağırabilirsiniz. Bu işlev, seçilen seçenek kontrol eder ve gizli olan input öğesini görünür hale getirir.

Aşağıdaki örnek kod, seçenekler arasında "Havale-EFT" seçeneği seçildiğinde input öğesini görünür hale getirir:

HTML: 
<select id="payment-method" onchange="showInput()">
  <option value="">Lütfen bir ödeme yöntemi seçin</option>
  <option value="credit-card">Kredi kartı</option>
  <option value="havale-eft">Havale-EFT</option>
  <option value="paypal">PayPal</option>
</select>

<input type="text" id="havale-eft-info" style="display:none" placeholder="Havale-EFT bilgileri">

<script>
  function showInput() {
    var paymentMethod = document.getElementById("payment-method");
    var havaleEftInfo = document.getElementById("havale-eft-info");
    
    if (paymentMethod.value === "havale-eft") {
      havaleEftInfo.style.display = "block";
    } else {
      havaleEftInfo.style.display = "none";
    }
  }
</script>

Yukarıdaki kodda, select etiketinde bir onchange olayı tanımlanır ve showInput() adlı bir JavaScript işlevi çağrılır. Bu işlev, seçilen seçeneği kontrol eder ve havale-eft-info adlı input öğesini görünür hale getirir veya gizler.

input öğesi başlangıçta style="display:none" özelliği ile gizlidir. JavaScript işlevi, display özelliğini "block" olarak ayarlayarak, input öğesini görünür hale getirir.
A.Soma A.Soma - #2
Gerçekten harika bir paylaşım elinize sağlık 💜
XirDeveloper XirDeveloper - #3
Teşekkürler dostum. Başarılarınızın devamını diliyorum platformunuzu beğendim.
Bende böyle bir proje üzerinde çalışıyorum şuan forumunuzdan Türkçe dil paketini indirmem gerekiyor 5 mesaj lazım acaba Vip Üyelik vb mevcut mu mesajlar ile spam yapmayım?
ProxyXF ProxyXF - #4
XirDeveloper' Alıntı:
Teşekkürler dostum. Başarılarınızın devamını diliyorum platformunuzu beğendim.
Bende böyle bir proje üzerinde çalışıyorum şuan forumunuzdan Türkçe dil paketini indirmem gerekiyor 5 mesaj lazım acaba Vip Üyelik vb mevcut mu mesajlar ile spam yapmayım?
Genişletmek için tıkla ...
Merhabalar 5 farklı konuya yorum yapmanız yeterlidir ardı ardına aynı konuya yorum olmadığı sürece spam olarak saymıyoruz hocam.
Ayrıca güzel yorumunuz için gerçekten teşekkür ederim kolay gelsin.
PikselMaster PikselMaster - #5
Teşekkürler, tam aradığım şeydi.
URL: https://www.sadece1.com//konular/select-option-icindeki-bir-secenegi-sectiginizde-yeni-gizli-input-ortaya-ciksin.6069/

Discord Sunucumuz

Üst