JSFiddle - React, Tailwind, and code Playground

by javadoug

HTML

<div class="nav">
    <select>
        <option>One Option</option>
        <option>Two Option</option>
        <optgroup label="Group">
            <option>Three Option</option>
            <option>Three Option</option>
            <option>Three Option</option>
        </optgroup>
        <i></i>
    </select>
</div>

CSS

div {
    width: 300px;
    position: relative;
}
select {
    position: absolute;
    width: 300px;
    border: 0;
}
i {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: white url(http://www.stackoverflow.com/favicon.ico) no-repeat right center;
}

JavaScript

$('body').on('click', 'i', function (event) { 
    console.log(event.type);
    $('select').val('1').change();
});