下拉获取选中项目文本

Drop-down get Selected item Text

本文关键字：项目 文本 获取      更新时间：2023-09-26

我想在点击下拉菜单项时更改按钮文本。我正在使用这个代码块，但我不能这样做:

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

试试这个。测试: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);
        });
      });
相关文章：