如何在引导下拉列表中包含<select>元素？

Question

小提琴

以下小提琴允许将<select>下拉元素作为<li>引导下拉列表中的一个元素包含在内.

---

小提琴中的当前问题是当<select>单击下拉元素时,它将立即消失,以及引导下拉列表,并且不允许用户从下拉列表中选择一个选项.[在Mac OS X上的Chrome中发生]

因此,是否可以在附加的小提琴中允许<select>元素正常工作,允许用户从引导程序中的下拉列表中进行选择？

如果可以提供更新的小提琴,我将非常感激,因为我还是新编码.

谢谢!

HTML

<div class="dropdown btn-group">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Action
    <span class="caret"></span>
</a>
<ul class="dropdown-menu">
    <li><select data-toggle="dropdown" class="form-control" data-property="color">
            <option disabled>Select color:</option>
            <option>red</option>
            <option>green</option>
            <option>blue</option>
            <option>white</option>
            <option>black</option>
        </select></li>
</ul>

Answer 1

将这些javascript行添加到你的小提琴中

$('.dropdown-menu option, .dropdown-menu select').click(function(e) {
        e.stopPropagation();
});

这是一个分叉