javascript - 如何在此代码中添加 (+/-) 按钮编号增量器

Question

我希望你们都很好！

你能帮我从下拉菜单中制作这个数量选择器，就像这个带有 - 和 + 按钮的选择器：

我想在此代码上执行此功能：

<div style="" class="fields">
 <div class="options">
  <span class="text">Quantity</span><p>:</P>
   <select id="quantityF" name="entry" placeholder="Quantity" required>
     <option style="font-size:12px" value="1" selected disabled hidden>1</option>            
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
   </select>
 </div>
</div>

非常感谢你们的帮助！

标签： javascripthtmljquerybootstrap-4

Answer 1

我想你正在寻找一个<input type="number">，而不是一个<select>。这里有一个 w3schools 示例。

可以设置递增/递减按钮的样式。我建议参考这个 Stack Overflow 问题