如何将选择选项作为按钮

时间:2019-10-18 09:09:50

标签: javascript jquery

我正在使用Laravel创建购物车 所以我想为客户选择产品数量做些什么,当客户点击例如第2页上的内容时,将刷新并显示新价格 我的问题是我不知道如何创建一个选择框作为按钮,每当用户单击每个数字时,都会发生

这是我的html

  <div class="selectric-hide-select">
          <select class="c-ui-select js-ui-select" id="expressShipping-count-0" autocomplete="off" tabindex="-1">
           <option value="1">۱</option>
                       <option value="2">۲</option>
                       <option value="3">۳</option>
                       <option value="4" selected="">۴</option>
                       <option value="5">۵</option>
           </select>
   </div>

1 个答案:

答案 0 :(得分:0)

您不需要在选择框内有按钮,而是可以利用选择框的更改事件来刷新奖金。

请参见下面的代码

$(function(){
   $('#expressShipping-count-0').on('change', function(){
       var value = $(this).val();
       console.log(value);
       // recalculate prize and show
   });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="selectric-hide-select">
          <select class="c-ui-select js-ui-select" id="expressShipping-count-0" autocomplete="off" tabindex="-1">
           <option value="1">۱</option>
                       <option value="2">۲</option>
                       <option value="3">۳</option>
                       <option value="4" selected="">۴</option>
                       <option value="5">۵</option>
           </select>
   </div>