Spinner JQuery UITo enter numeric value in a text field, buttons can be provided to increase or decrease the value, user can use Page UP and Page Down for a jump in increment or decrement steps.
Output is here
Use keyboard up and down arrow to increase or decrease count. For a jump in incrementing the count by 10 use Page Up key, same way use Page Down to decrement the count by 10.
Maximum and Minimum value
Step and Page Up DownDefault value for step is 1 , default value for Page is 10 . Final increment or decrement by Page up or Page down is step * page.
Example : if step is 2 and page is 7 then Page up will move by 14.
Getting the value of the Spinner
Set the value of the Spinner
Change EventThis is fired when value in spinner is changed and focus is taken out of the spinner. This is not fired as we keep changing the value of the spinner.
Spin EventThis event is fired on changing of the value of the spinner. For every step change or page up down change this event is fired.
With the above knowledge we can link one Slider with Spinner, so any one can be changed to reflect the same change in other element. Example: we can change the slider to change the value of the spinner and vice versa.