Question

我不知道如何为此编写javascript代码，有人可以帮助我吗？

 <div class="input-group">
  <div class="input-group-btn">
   <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Select one <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#">Entrepreneurship</a></li>
      <li><a href="#">Investments</a></li>
      <li><a href="#">Management</a></li>
      <li class="divider"></li>
      <li><a href="#">All of the Above</a></li>
    </ul>
  </div><!-- /btn-group -->
  <input type="text" class="form-control" placeholder ="Years of experience" >
 </div>
</p>

Answer 1

您可以拥有li元素的点击处理程序，例如

jQuery(function ($) {
    $('.input-group-btn .dropdown-menu > li:not(.divider)').click(function(){
        $(this).closest('ul').prev().text($(this).text())
    })
});

演示：Fiddle

从引导下拉列表中选择列表元素，显示所选元素

1 个答案: