html程式碼

<div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">物業費:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-option" class="form-control selectpicker" multiple="true" name="row[wyfei][]" title="
 
{if $wylist}請選擇物業費{else /}暫無物業費{/if}">
                {foreach name="wylist" item="el"}
                <option value="{$el.id}" ref="{$el.amount}">{$el.yymm}物業費：{$el.amount}</option>
                {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">公攤費:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="g-option" class="form-control selectpicker" multiple="true" name="row[gtfei][]" title="
 
{if $gtlist}請選擇公攤費{else /}暫無公攤費{/if}">
                {foreach name="gtlist" item="el"}
                <option value="{$el.id}" ref="{$el.amount}">{$el.yymm}公攤費：{$el.amount}</option>
                {/foreach}
            </select>
        </div>
    </div>
    <div class="form-group"
 
>
        <label class="control-label col-xs-12 col-sm-2">收款金額:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-money" class="form-control" type="text" name="row[amount]" value="">
        </div>
    </div>

js程式碼

// 計算總金額
var countTotal = function() {
   var total  = 0,
       wyList = $('#c-option').find('option:selected'),
       gtList = $('#g-option').find('option:selected');

   for (var i=0; i<wyList.length; i++) {
       total += parseFloat($(wyList[i]).attr('ref'));
   }
   for (var i=0; i<gtList.length; i++) {
       total += parseFloat($(gtList[i]).attr('ref'));
   }
   $('#c-money').val(total);
};

//物業費
$('#c-option').change(countTotal);
//公攤費
$('#g-option').change(countTotal);