Question

下面的代码是一个多选形式，完成后直到选择值。我需要添加所选的值以显示我何时选择所选的。我的意思是，如果我选择item1和item2它应该在同一个页面中给出动态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

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

应该这样做。

您可以查看demo here。

Answer 2

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

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

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

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

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

Here's a demo

添加选择多个值

2 个答案: