jQueryUI 1.8.14 Autocomplete

by darkajax

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/themes/black-tie/jquery-ui.css">
<div id="slider"></div>
<input type="text" id="my-input" value="10" />

JavaScript

$("#slider").slider({
    value: 10,
    step: 1,
    min: 0,
    max: 20,
    slide: function( event, ui ) {
        $("#my-input").val( ui.value );
    }
});


$("#my-input").change(function () {
    $("#slider").slider("value", this.value);
});