Javascript 如何用JS将两个不同的形式相加？

我已选择代码和选项：

function validate(){
  var $selected = $('#mark, #series').children(":selected");
  var sum = 0;

  $selected.each(function() {
    sum += $(this).data('price') || 0;
  });

  $('#total').html(sum === 0 ? '' : sum + '$');
}
validate();

$('#mark, #series').on('change', function() {
  validate();
});


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<select id="mark" name="mark">
          <option value="">--</option>
          <option value="bmw" data-price="200">bmw</option>
          <option value="audi" data-price="400">audi</option>
        </select>

<select id="series" name="series">
          <option value="">--</option>
          <option value="series-1" data-price="2000"  >3 series</option>
          <option value="series-1" data-price="3000"  >5 series</option>
        </select>

<div id="total"> </div>
</form>

---

如何编辑此行并使一个js代码适用于form1，其他js代码适用于其他form2这里的问题是验证函数读取一组固定的选择元素mark和series。如果您想阅读其他元素，您必须修改validate函数以添加不推荐的新元素！或者使其独立于选择元素的特定ID：使用css类来获取要求和的元素，而不是它们的ID

以下是一个例子：

功能验证{ 变量$selected=$'.sum item'。子项：选中； var总和=0； $selected.eachfunction{ 总和+=$this.数据“价格”| 0； }; $'total'.htmlsum==0？：总和+'$'； } 验证 $'.sum item'。在“更改”上，函数{ 验证 }; - 宝马 奥迪 - 3系列 5系列 - A型 B型 C型

   function validate(){