0

ドロップダウン項目をクリックするとボタンのテキストを変更したいと思います。私は、このコードブロックを使用していますが、私はそれを行うことはできません。ドロップダウン選択項目テキスト

<div class="dropdown"> 
    <button class="btn btn-danger dropdown-toggle" type="button" data-toggle="dropdown">Alan Ekle 
    <span class="caret"></span></button> 
    <ul id="Secenekler" class="dropdown-menu"> 
     <li><a href="#">Isim</a></li> 
     <li><a href="#">SoyIsim</a></li> 
     <li><a href="#">Adress</a></li> 
     <li><a href="#">Numara</a></li> 
     <li><a href="#">Yaş</a></li> 
     <li><a href="#">Tanıdık 1</a></li> 
    </ul> 
    </div> 

そして、私のスクリプト。私はalert()というメッセージを受け取りません。

$(".dropdown-menu li a").click(function(){   
    alert("tiklandi"); 

    $(this).parents(".dropdown").find('.btn').html($(this).text() ); 

    console.log($(this).text()); 
    console.log($(this).text($(this).parents(".dropdown").find('.btn'))); 
}); 
+1

[ここ](http://codepen.io/paulroub/pen/dXwWXG)期待通り、この作品。 'click()'ハンドラが追加された時点でドロップダウンメニュー項目がすべて存在することを確かめますか?コンソールにエラーがありますか? –

+0

私はコンソールに何も得ていません –

+0

私は最初の部分についてもっと心配しています。あなたのスクリプトが実行されたときに '.dropdown-menu li a'要素がまだ作成されていなければ、onclickハンドラはそれらにアタッチされません。エラーはありません。その場合、 '$(document).on( 'click'、 '.dropdown-menu li a'、function(){...})'が問題を解決します。 –

答えて

1

これを試してください。 TESTED:https://jsfiddle.net/wy52thbf/

グッドラック

 $(document).ready(function() { 
     $(".dropdown-menu li a").click(function() { 
      var getText = $(this).text(); 
      /*console.log(getText); 
      console.log($(this).closest('.dropdown').find('.btn'));*/ 
      $(this).closest('.dropdown').find('.btn').text(getText); 
     }); 
     }); 
関連する問題