Javascript检测要汇总的多个选择选项的总数

我有一个onchange multiple select选项，可以选择多个课程，然后在其他输入值中显示总价

但是，如果我有另一个多个月的多选选项要在输入中汇总，如何获得总价

每个月的价格是一样的

课程选择选项代码

<select class="form-control" onchange="selectFunction(event)" 
name="pay_course[]" required="" multiple>

<option data-price="1111" value="courseId1">English</option>
<option data-price="2222" value="courseId2">Math</option>
</select>

<select class="form-control" multiple="multiple"  >
        <option selected="selected" value="" name="pay_fee_month[]" disabled="true">Select Month...</option>
        <option value='Janaury'>Janaury</option>
        <option value='February'>February</option>
        <option value='March'>March</option>
        <option value='April'>April</option>
        <option value='May'>May</option>
        <option value='June'>June</option>
        <option value='July'>July</option>
        <option value='August'>August</option>
        <option value='September'>September</option>
        <option value='October'>October</option>
        <option value='November'>November</option>
        <option value='December'>December</option>
    </select>

---

我会用另一种方式。。。完全是

您想要的是基于选定课程的总价乘以选定月份的金额

下面是一个脚本，它就是这样做的。。。在

上更改两个选项的


$（“#课程，#月”）。关于（“更改”，函数（）{
//获取所选课程的总价。
var价格=0；
$（“#课程”）。查找（“选项：选定”）。每个（函数（）{
价格+=$（此）。数据（“价格”）；
});
控制台日志（价格）；
//获取所选月份的金额。
var monthCount=$（“#月”）。查找（“选项：选定”）。长度；
控制台日志（monthCount）；
//倍增。
var总计=月数*价格；
美元（“#货币”）.val（总计）；
});

英语
数学
选择月份。。。
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
我会用另一种方式。。。完全是

您想要的是基于选定课程的总价乘以选定月份的金额

下面是一个脚本，它就是这样做的。。。在
上更改两个选项的


$（“#课程，#月”）。关于（“更改”，函数（）{
//获取所选课程的总价。
var价格=0；
$（“#课程”）。查找（“选项：选定”）。每个（函数（）{
价格+=$（此）。数据（“价格”）；
});
控制台日志（价格）；
//获取所选月份的金额。
var monthCount=$（“#月”）。查找（“选项：选定”）。长度；
控制台日志（monthCount）；
//倍增。
var总计=月数*价格；
美元（“#货币”）.val（总计）；
});

英语
数学
选择月份。。。
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
在
onchange
调用中用
this
替换
事件
，然后在
selectFunction（）
函数中使用
$（this）
。在
onchange
调用中用
this
替换
事件
，然后在
selectFunction（）
函数中使用
$（this）
。
 <input type="number" value="" id="money" class="form-control">

 function selectFunction(e) {
 var type_id = $('select option:selected').map(function() {
      return $(this).attr('data-price');
  })
 .get().map(parseFloat).reduce(function(a, b) {
      return a + b
  });
 console.log(type_id)
 $("#money").val( type_id );
}