如何在单击后获取按钮文本中的bootstrap选定下拉项文本

<button id="myButton" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  选择项
</button>
<div class="dropdown-menu" aria-labelledby="myButton">
  <a class="dropdown-item" href="#">选项1</a>
  <a class="dropdown-item" href="#">选项2</a>
  <a class="dropdown-item" href="#">选项3</a>
</div>

$(document).ready(function() {
  $('.dropdown-item').click(function() {
    var selectedText = $(this).text();
    $('#myButton').text(selectedText);
  });
});