下拉菜单选择项目文本

Question

我想在点击下拉项目时更改我的按钮文字。我正在使用此代码块，但我不能这样做：

<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')));
});

Answer 1

试试这个。测试：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);
        });
      });