开发者社区 问答 正文

这个bootstrap带弹出菜单,把弹出菜单的值填入input框中,用jquery怎么写?

这个bootstrap带弹出菜单,当点击弹出菜单的一个选项时,把这个选项的值填入input框中,用jquery怎么写?

比如,选香蕉的时候,香蕉两个字就填入到input框中了。

      <div class="col-lg-6">
    <div class="input-group">
      <input type="text" class="form-control" aria-label="Text input with dropdown button">
      <div class="input-group-btn">
        <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          Action
        </button>
        <div class="dropdown-menu dropdown-menu-right">
          <a class="dropdown-item" href="#">香蕉</a>
          <a class="dropdown-item" href="#">苹果</a>
          <a class="dropdown-item" href="#">土豆</a>
          <a class="dropdown-item" href="#">玉米</a>
        </div>
      </div>
    </div>

展开
收起
小旋风柴进 2016-05-30 13:19:23 2535 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  •  <script>
       $('.dropdown-item').click(function(event) {
       var choice = $(this).text();
       //console.log(choice);
       $('input').val(choice);
     }); 
    2019-07-17 19:20:23 举报
    赞同 评论

    评论

    全部评论 (0)

    登录后可评论
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等