Javascript 如何从下拉列表中选择内容并成为Boostrap中第一个出现的内容

我正在尝试选择我单击的内容，此内容必须是第一个要选择的内容。比如选择选项

这是img

我不太确定如何制作，这是我的演示：

代码的基本部分是这样的

<li class="dropdown">
  <a href="#" id="selectCard" class="dropdown-toggle" data-toggle="dropdown">Select Card <b class="caret"></b></a>
    <ul class="dropdown-menu" id="indexCards">
      <li class="active"><a href="#0">Card 1</a></li>
      <li class=""><a href="#0">Card 2</a></li>
      <li class=""><a href="#0">Card 3</a></li>
      <li class=""><a href="#0">Card 4</a></li>
   </ul>
</li>

---

但当我做$'indexCards'时，我不能得到任何事件火灾或其他东西。有什么想法吗？

试试这个：阅读indexCards中单击的锚的文本并将其放入selectCard中

---

这个链接的下拉列表不是一个表单选择按钮显示相关的html和JS..@Hushme，那么它就不可能了？这很有效，谢谢，只是想知道为什么这个问题没有那么好的名声。这里有一个演示给感兴趣的人：这可能是因为您最初没有共享html代码。无论如何，我很乐意帮助你。。如果您对提供的解决方案感到满意，那么您可以通过单击“向下投票”按钮下方的右标记来接受此答案。谢谢！，如果你认为这个问题有用，你能投票赞成这个问题吗？

$(function(){
  $('#indexCards li a').click(function(){
     $('.active').removeClass('active');
     $(this).closest('li').addClass('active');
     var text = $(this).text();
     $('#selectCard').html(text+'<b class="caret"></b>');
  });
});