Jquery 总和文本在多个选择框中不选择值

我需要显示多个选择框中文本的总和，而不是值

<select class="summable1">
<option value="blue">1</option>
<option value="green">2</option>
<option value="black">3</option>
</select>

<select class="summable2">
<option value="orange">1</option>
<option value="pink">2</option>
<option value="purple">3</option>
</select>

<select class="summable3">
<option value="yellow">1</option>
<option value="red">2</option>
<option value="brown">3</option>
</select>

<div id="result">The sum of the selected text 1,2,3 - not the values</div>

---

试试这样的

var $select=$('.summable1,.summable2,.summable3');
$select.on('change',function(){
     var sum=0;
     $select.each(function(){
          sum+=parseInt($(this).find('option:selected').text(),10);
     })
     $('#result').html(sum); 
});

---

你可能应该创造一些更有活力的东西，但是你得到了这个想法。你的问题是什么，问题是什么？发布您尝试过的代码。例如，如果您从第一个选项中选择1，从第二个选项中选择3，从第三个选项中选择2..那么您想要6作为结果？@WDCT:很高兴帮助您

var val1 = parseInt($(".summable1").eq(0).children("option:selected").text());
var val2 = parseInt($(".summable2").eq(0).children("option:selected").text());
var val3 = parseInt($(".summable3").eq(0).children("option:selected").text());