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

我要计算所有选定的数据价格值的总和。对于ex，如果我选择ac维修和风扇维修，则获得值2100。我在这里使用引导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>

选择服务
维修
交流修理
风扇修理
冷却器修理

您可以使用以下代码获取属性值

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

---

您可以使用下面的代码获取属性值

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

---

要将多选下拉列表中所有选定值的值相加，请使用以下代码

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

---

要将多选下拉列表中所有选定值的值相加，请使用以下代码

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

---

首先感谢你们所有人对我的帮助。我浪费了一整天的时间，但我成功地获取了数据。如果有人卡住了，请查看此代码。我感谢你们大家

<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>

$（文档）.ready（函数（）{
$（'#serviceid'）。更改（函数（）{
所选变量=$（“#serviceid选项：所选”）；
var总和=0；
已选定。每个（函数（）{
var tsum=$（this）.val（）；//它给出值
psum=$（this.data（'price'）；//它给出数据价格值
总和+=数量（psum）；
});
$（#tsum'）.val（总和）；
});
});

首先感谢大家对我的帮助。我浪费了一整天的时间，但我成功地获取了数据。如果有人卡住了，请查看此代码。我感谢你们大家

<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>

$（文档）.ready（函数（）{
$（'#serviceid'）。更改（函数（）{
所选变量=$（“#serviceid选项：所选”）；
var总和=0；
已选定。每个（函数（）{
var tsum=$（this）.val（）；//它给出值
psum=$（this.data（'price'）；//它给出数据价格值
总和+=数量（psum）；
});
$（#tsum'）.val（总和）；
});
});

嘿，纳林！谢谢你的回答，但我想得到数据价格，而不是价值再次感谢，但我找到了更好的解决方案。嘿，纳林！谢谢你的回答，但我想得到数据价格，而不是价值再次感谢，但我找到了更好的解决方案。