Spinner with text values

by andrewboltachev

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<input id="myspinner" type="text" value="-1">
<br><br><br>
    <div class="ui-widget">
<select>
    <option value="-1">FooBar</option>
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
</div>

JavaScript

$(function() {
    $('#myspinner').spinner({
        'min': -1,
    });
});