Question

我想总结所有选定的数据价格值。如果我选择交流修复和风扇维修，那么得到2100的值。我在这里使用bootstrap multiselect。

<div class="form-group">
 <label>Select Service</label>
 <select id="serviceid" multiple="multiple" required>
    <option data-price="1000" value="1">maintenance</option> 
    <option data-price="2000" value="2">ac repair</option>
    <option data-price="100" value="3">fan repair</option>
    <option data-price="50" value="4">cooler repair</option>    
 </select>
</div>

Answer 1

您可以使用以下代码

获取属性值

var price= $('#serviceid option:selected').attr('data-price');

Answer 2

要对多选下拉菜单的所有选定值的值求和，请使用下面的代码

  var sum=0;
    $('#serviceid option:selected').each(function(){
         sum+=parseInt($(this).data('price'))
    })

Answer 3

首先感谢各位的帮助。我浪费了一整天但是我获得了获取数据的成功。如果有人卡住，请查看此代码。我很感谢你们所有人。

<script type="text/javascript">
 $(document).ready(function(){
  $('#serviceid').change(function () {
    var selected = $("#serviceid option:selected");
    var sum = 0;
     selected.each(function () {
      var tsum = $(this).val(); //it gives value 
      psum = $(this).data('price'); //it gives the data-price value
      sum += Number(psum);
     });
     $('#tsum').val(sum);
    });
  });
</script>

如何从bootstrap multiselect中获取所有选定数据的总和并显示在其他输入中？

3 个答案: