Tıklanan a Tagının İsmine Ulaşmak

Ulaşcan Kılıç
15-09-2017, 14:42   |  #1  
Ulaşcan Kılıç avatarı
OP Taze Üye
Teşekkür Sayısı: 0
1 mesaj
Kayıt Tarihi:Kayıt: Eyl 2017

Merhabalar. 

Benim şu şekilde bir dropdownlist'im var 

<div class="dropdown">
<button id="aramaBtn" class="dropbtn">Dropdown</button>
  <div id="myDropdown" class="dropdown-content">
    <input type="text" placeholder="Search.." id="myInput">
    <div id="deneme" runat="server" >
    <a href="#About">About</a>
    <a href="#base">Base</a>
    <a href="#blog">Blog</a>
    <a href="#contact">Contact</a>
    <a href="#custom">Custom</a>
    <a href="#support">Support</a>
    <a href="#tools">Tools</a>
    </div>
  </div>
</div>

<script>
   
    document.getElementById("deneme").addEventListener("click", denemeFunc);
    function denemeFunc() {

        document.getElementById("aramaBtn").innerText =
    }

</script>

Burada buttona tıkladığım zaman içerisinde About,Base,Blog vs yazan bir liste açılıyor. Benim istediğim şey ise tıkladığım a tagının sahip olduğu ismin, buttonun isminin yerine geçmesi. Yani About'a tıklarsam aramaBtn isimli butonun ismi About olacak. 

   document.getElementById("aramaBtn").innerText =  Bu eşittirden sonra ne yazacağımı bir türlü bulamadım. 

Yardımcı olursanız sevinirim.

luciin
19-10-2017, 18:37   |  #2  
luciin avatarı
Taze Üye
Teşekkür Sayısı: 0
6 mesaj
Kayıt Tarihi:Kayıt: Ağu 2013

Merhaba. Kastettiğin şey, drop listendeki linklere tıklayınca butonun o linkin adını alması ise şu şekilde yapabilirsin;

  a=document.getElementById("deneme").getElementsByTagName("a")
   
   for(i=0; i<=a.length-1;i++){
       a.onclick = function() {
       document.getElementById("aramaBtn").innerText=this.innerHTML
       };}
 

Not: a.onclick yazarken a'dan sonra aç köşeli parantez + i harfi + kapa köşeli parantez var. Editörde code butonu göremediğim için acak bu şekilde ekledim.

Son Düzenleme: luciin ~ 19 Ekim 2017 18:44
ifeelnasty
21-11-2017, 13:48   |  #3  
Taze Üye
Teşekkür Sayısı: 0
12 mesaj
Kayıt Tarihi:Kayıt: Kas 2017

bootstrap kullandığına göre jquery kütüphanende vardır :)

şu kod işini görecektir :) direk kopyalayıp yapıştırabilirsin.

$("#deneme a").each(function () {
            $(this).click(function () {
                var yazi = $(this).text();
                console.log(yazi);
            });
        });