JSFiddle - React, Tailwind, and code Playground

by Anik Islam Abhi

HTML

<select class="form-control" >
  <option value="">Select...</option>
  <option value="10" >1</option>
  <option value="20">2</option>
  <option value="30" selected>3</option>
  <option value="40" >4</option>
</select>
<select class="form-control">
  <option value="">Select...</option>
  <option value="10" >1</option>
  <option value="20">2</option>
  <option value="30" selected>3</option>
  <option value="40">4</option>
</select>
<select class="form-control">
  <option value="">Select...</option>
  <option value="10" >1</option>
  <option value="20">2</option>
  <option value="30" selected>3</option>
  <option value="40" >4</option>
</select>

JavaScript

var sum=0;
$('select.form-control').each(function(){
   sum+=  +$(this).val();
});
console.log(sum);