如何在此代碼中添加 (+/-) 按鈕編號增量器

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>

非常感謝你們的幫助！

Answer 1

我認為您正在尋找<input type="number"> ，而不是<select> 。 這里有一個 w3schools 示例。

可以設置遞增/遞減按鈕的樣式。 我建議參考這個 Stack Overflow 問題