JSFiddle - React, Tailwind, and code Playground

by JWells

HTML

<div class="form-group input-group">
    <div class="btn-group input-group"> <span class="input-group-addon">Birthday</span>

        <select name="month" class="btn btn-default" id="bmonth" data-container="body" data-placement="left" data-toggle="popover" data-content="Select your Birthday!">
            <option>Month</option>
        </select>
        <select name="day" class="btn btn-default" id="bday" data-container="body" data-placement="top" data-toggle="popover" data-content="Select your Birthday!">
            <option>Day</option>
        </select>
        <select name="year" class="btn btn-default" id="byear" data-container="body" data-placement="right" data-toggle="popover" data-content="Select your Birthday!">
            <option>Year</option>
        </select>
    </div>

JavaScript

var months = [ "January", "February", "March", "April", "May", "June",
    "July", "August", "September", "October", "November", "December" ];

$(months).each(function(k,v){
    var curHtml = $('#bmonth').html();
    curHtml += '<option value="'+k+'">'+v+'</option>';
    $('#bmonth').html(curHtml);
});