選択したすべてのデータの合計をブートストラップマルチセレクションから取得し、anoher入力に表示するにはどうすればよいですか？

Question

データ価格のすべての選択された値を合計します。私は修理とファンの修理を選択する場合は元のため、値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> 

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>