JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ivaynberg.github.com/select2/select2-3.1/select2.js"></script>
<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-3.1/select2.css">
 <select id = "walkForAmount" name="walkForAmount" style="margin-left:2em;margin-top:-1em; width:4em;">
                                <option>1</option>
                                <option>2</option>
                                <option>3</option>
                                <option>4</option>
                                <option>5</option>
                                <option>6</option>
                                <option>7</option>
  </select>

JavaScript

$("#walkForAmount").select2({}); 

for (var i = 1; i < 16; i++) {
    $("#walkForAmount").append("<option value=" + i + ">" + i + "</option>");
}


// select "5" from the dropdown
$("#walkForAmount").select2("val", "5");