JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/ui.selectmenu.js"></script>
<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/ui.selectmenu.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-darkness/jquery-ui.css">
<div id="divReports">
<select id="ddlReportTypes" style="width:200px;">
        <option value="1">1</option>
        <option value="1">2</option>
        <option value="1">3</option>
</select>
<select id="ddlReportFarms" style="width:200px;">
        <option value="1">1</option>
        <option value="1">2</option>
        <option value="1">3</option>
</select> 
<select id="ddlReportClusters" style="width:200px;">
    <option value="1">1</option>
    <option value="1">2</option>
    <option value="1">3</option>
</select>
</div>

CSS

.ui-selectmenu {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline; /* To make IE7 happy */ 
}

JavaScript

$("#divReports select").selectmenu({
    style: 'dropdown',
    transferClasses: true
});