Question

对于类型编号的输入，我的jQuery插件存在一个小问题。

当我第一次单击向上箭头时，它将首先从零开始，然后转到1,2,3，可能是因为min =“0”。我试图保持min =“0”，但是当我第一次按下向上箭头直接进入1时。的 HTML

 <input class="extras" type="number" min="0"  step="1" name="extras" placeholder="0" />

脚本

$( document ).ready(function() { // Document ready

  $("input[type='number']").stepper();

});

CSS

.stepper { border-radius: 3px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 300px; }
.stepper .stepper-input { background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 9px 10px 10px; width: 100%; z-index: 49; }
.stepper .stepper-input::-webkit-inner-spin-button,
.stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.stepper .stepper-input:focus { background-color: #fff; }
.stepper .stepper-arrow { background: #eee url(stepper.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 50; }
.stepper .stepper-arrow.up { background-position: center top; border-bottom: none; top: 0; }
.stepper .stepper-arrow.down { background-position: center bottom; bottom: 0; }

插件 https://github.com/benplum/Stepper

这是小提琴： http://jsfiddle.net/NE2ap/6/

有人可以帮我这个吗？我真的很想使用这个插件，因为我已经为此编写了CSS以集成到我的网站中。小提琴是默认的。

Answer 1

给出输入value="0"你得到问题的原因是因为它的值是什么，甚至不是0所以它会给出默认的最小值

<input value="0"class="extras" type="number" min="0" step="1" name="extras" placeholder="0"  />
//     ^^^^^^^^^ this

DEMO

Answer 2

而不是设置placeholder属性，而是设置value：

<input class="extras" type="number" min="0"  step="1" name="extras" value="0" />

这是updated Fiddle。

Answer 3

在步进器之前使用它。

$("input[type='number']").val('0');

这将以0值开始输入。

或者设置输入的value属性。

输入类型编号jQuery插件

3 个答案: