html5中有专门的number类型
<input type="number" step="1" min="1" max="100"/>
其中step表示步进(点击一次按钮增加或减少的数值),min表示数字的最小值,max表示数字的最大值
可以用jQuery的数字插件,实现上下加减数字。
左右选择的形式,可以参考这个:http://www.helloweba.com/view-blog-282.html
跟你这个效果一样的,参考:http://www.helloweba.com/demo/spinner/bootstrap.html
1
2
3
4
<select size="1" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
如果是HTML5就好办了,两个控件属性就解决的问题,如要手动实现,那就用标签贴吧,再通过JS产生响应动作。