首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有输入内容的下拉菜单

带有输入内容的下拉菜单
EN

Stack Overflow用户
提问于 2015-05-09 22:53:30
回答 5查看 2.6K关注 0票数 1

我想创建一个下拉菜单组合输入作为我的图像,我使用bootstrap

代码语言:javascript
运行
复制
<i>
 <div class="btn-group dropdown" dropdown >
          <button type="button" class="btn btn-default" dropdown-toggle>
            Dropdown
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" id="buttonuser"  role="menu">
            <li>
                <p>Add to</p>
                <input type="text" id="findUser" class="form-control">
            </li>
            <li><a href>Dropdown link</a></li>
            <li><a href>Dropdown link</a></li>
            <li><a href>Dropdown link</a></li>
            <li>Remove</li>
          </ul>
        </div>
</i>

但当我点击输入,菜单下拉隐藏所有,我不想要这个,请告诉我我怎么做

EN

Stack Overflow用户

发布于 2015-05-09 23:00:55

尝试将此脚本放在正文末尾或JS所在的位置

代码语言:javascript
运行
复制
<script type="text/javascript">
    $('.dropdown-menu input, .dropdown-menu label').click(function(e) {
        e.stopPropagation();
    });
</script>
票数 0
EN
查看全部 5 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30141384

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档