JSFiddle - React, Tailwind, and code Playground

by bigwelly

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<div class="dropdown btn-group">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
        Selecione a Coleção
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu">
        <li><select data-toggle="dropdown" class="form-control" data-property="color">
                <option disabled>Selecione a Coleção:</option>
                <option value="000041">2018 VERAO</option>
                <option value="000042">2018 INVERNO</option>
                <option value="000043">2019 VERAO</option>
                <option value="000044">2019 INVERNO</option>
            </select></li>
    </ul>
</div>

JavaScript

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