弹出选择关闭下拉菜单

时间:2016-10-11 13:49:13

标签: javascript jquery drop-down-menu handlebars.js

我有一个关于从菜单下拉菜单中弹出选择的问题。我有一个动态填充人名的下拉列表,我希望选择的名称弹出下拉菜单并显示在旁边的div中。下拉菜单:

       <div class="col-md-4">
          <div class="dropdown">
            <button style="width: 100%;" class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Select Group Members
            <span class="caret"></span></button>
            <ul class="dropdown-menu scrollable-menu" role="menu">
            {{#each users}}
              <li data-uid={{this.u_id}}>{{this.full_name}}</li>
            {{/each}}
            </ul>
          </div>
        </div>

div我希望显示信息(名称):

        <div class="col-lg-4">
          <h2 class="text-center" style="margin-top: 0;">Selected Group Members</h2>
          <ul class="list-unstyled">
            <li data-uid={{this.u_id}} class="text-center">{{this.full_name}}</li>
          </ul>
        </div>

我想象这可以用一些jQuery来完成,我很遗憾不太好,所以我不太清楚如何做到这一点。任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:1)

这应该做的工作。请检查。

HTTPoison.post(login, headers, hackney: [:insecure])