jquery - 选择多个值的加法

Question

下面的代码是一个多选表单，它在选择值之前完成。我需要添加选定的值以在我选择选定的时候显示。我的意思是，如果我选择 item1 和 item2，它应该在同一页面中动态地将总和作为 223 uisng jquery。我认为必须使用 css。在选择多个值的求和计算中帮助我。任何关于此的教程都是令人鼓舞的。

    $('#btn-add').click(function(){
        $('#select-from option:selected').each( function() {

          });
    });



</script>



<form>
  <fieldset>

    <select name="selectfrom" id="select-from" multiple size="5">
      <option value="111">Item 1</option>
      <option value="112">Item 2</option>
      <option value="113">Item 3</option>
      <option value="114">Item 4</option>
    </select>

    <a href="JavaScript:void(0);" id="btn-add">Add &raquo;</a>

    </select>

  </fieldset>
</form>'

谢谢你

Answer 1

selectedTotal每次选择/取消选择时都会更新option（我认为这就是您想要的？）

$selectOptions = $('option', '#select-from');

$selectOptions.click(function() {   
  var selectedTotal = 0;

  $selectOptions.filter(':selected').each(function() {
    selectedTotal += parseInt(this.value);
  });

  $('#total').text(selectedTotal);  
});

这是一个演示

Answer 2

var sum = 0;
$('#select-from option:selected').each( function(i, v) {
    sum += parseInt($(v).attr('value'), 10);
      });
alert(sum);

应该这样做。

你可以在这里查看演示。