首页 > 解决方案 > 仅允许用户通过单击更改整数输入

问题描述

我有一个使用简单形式的整数输入,我不想阻止用户在输入中输入。我只希望他们通过单击输入右侧的箭头来更改输入值。

有没有办法在没有javascript的情况下做到这一点,或者如果没有简单的javascript。使用只读和禁用属性不起作用,因为它会阻止用户使用箭头。

<%= f.input :quantity, as: :integer %>

在此处输入图像描述

标签: ruby-on-railsinputintegersimple-form

解决方案


这样做的方法是拥有一个 div 并使其看起来是 css 样式的输入。

同样使用 css,插入向上/向下箭头。看起来你已经这样做了。

然后使用 javascript,您可以增加/减少隐藏输入的值,以响应单击向上/向下箭头,并将当前值放入看起来是真实输入的 div 中。


推荐阅读