从 select 值计算的任何选项

Question

以下代码用于显示 tax 的选项并使用值进行计算，

<td>
   <select name="taxgroup_id" id="taxgroup_id" class="form-control selectpicker taxgroup_id" data-live-search="true">
   @foreach($taxgroups as $g)
   <option value="{{ $g->taxgroup_id }}" {{$g->taxgroup_is_default ==  1 ? 'selected="selected"': ''}}>{{ $g->taxgroup_name }}</option>
   @endforeach
   </select>
</td>
<td>
 <input readonly type="text" name="bill_item_tax" id="bill_item_tax" class="form-control font-weight-bold bill_item_tax" style="border: 0;" value="">
</td>

我必须在数据库中存储 taxgroup_id，所以我给选项值为 taxgroup_id，但是 $taxgroups 还包含 taxgroup_value 需要用于客户端- 根据所选选项计算边税，

是否有任何解决方案可以根据选择的选项 taxgroup_id 对 taxgroup_value 进行计算？

否则，我需要从 AJAX 中获取值并进行计算，但如果在客户端无法实现，我想最后使用该选项，

谢谢，

Answer 1

添加 taxgroup_value 作为数据属性。

   <option value="{{ $g->taxgroup_id }}" data-taxgroup="{{ $g->taxgroup_value }}" {{$g->taxgroup_is_default ==  1 ? 'selected="selected"': ''}}>{{ $g->taxgroup_name }}</option>

然后当用户选择一个选项时，你可以使用

$("#taxgroup_id option:selected").data("taxgroup")

获取这个值。

从 select 值计算的任何选项

Any option for calculation from select value

html

jquery

select

options