Javascript 对带有下拉列表的按钮使用“选择”

我在twitter引导中使用带有

输入组

组件下拉列表的按钮：

代码：

<div class="row">
  <div class="col-lg-6">
    <div class="input-group">
      <div class="input-group-btn">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div><!-- /btn-group -->
      <input type="text" class="form-control">
    </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->

<select class="selectpicker">
    <option>Option one</option>
    <option>THE HAMBURGER!</option>
    <option>Option two or three, depents on how you see it</option>
</select>

$(".selectpicker").selectpicker();

行动

我希望当用户从按钮下拉菜单中选择选项时，例如：im63.gulfup.com/pETcxK.png所选选项必须出现，而不是“付款方式”默认标签

我知道“选择”的标记，但当我尝试将其与“输入组”组件集成时，它不起作用。

Html:

<div class="row">
  <div class="col-lg-6">
    <div class="input-group">
      <div class="input-group-btn">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
        <ul class="dropdown-menu" role="menu">
          <li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
        </ul>
      </div><!-- /btn-group -->
      <input type="text" class="form-control">
    </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->

<select class="selectpicker">
    <option>Option one</option>
    <option>THE HAMBURGER!</option>
    <option>Option two or three, depents on how you see it</option>
</select>

$(".selectpicker").selectpicker();

JsFiddle:

---

插件：

你能更好地解释你想做什么吗？“它不选择”是什么意思？你的代码不是用来选择的，而是用来点击动作的。是的，我说的是，我想编辑这个代码来使用selecting你想要什么，但你没有解释什么。。。。选择什么？！？汉堡？？？更具体一点……你想要这样的东西吗？我知道这个插件，我经常使用它，但我想将它与输入字段集成。因此，用户可以选择付款选项“WesterUnion”并在文本字段中输入汇款号码。我对Mozilla Firefox有问题，它没有显示Mozilla的“付款方式”图像：但chrome正常工作：有什么想法吗？