标签归档：spinner

jQuery UI中提供的Spinner组件可以将input[type=text]文本框转换为一个数字输入框，类似于HTML中新增的input[type=number]，并支持使用键盘上下键以及鼠标滚轮对其中的数值进行更改。

注：鼠标滚轮事件缺省只支持部分浏览器，可使用jQuery Mousewheel插件添加跨浏览器的鼠标滚轮事件支持

jQuery UI Spinner实例如下：

Select a value:

上例代码如下：

<script src="https://libs.baidu.com/jqueryui/1.10.4/jquery-ui.min.css"></script>
<script type="text/javascript">
  $(function() {
    $( "#spinner" ).spinner();
  });
</script>

<p>
  <label for="spinner">Select a value:</label>
  <input id="spinner" name="value" />
</p> ...