0

以下のコードは、値が選択されるまで実行される複数選択フォームです。選択した値を選択するたびに表示するには、選択した値を追加する必要があります。つまり、item1 と item2 を選択した場合、同じページで動的に jquery を使用して合計を 223 にする必要があります。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>'

ありがとうございました

4

2 に答える 2

0

selectedTotalこれは、が選択/選択解除されるたびに更新optionされます（それがあなたが望んでいたことだと思いますか？） 

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

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

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

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

これがデモです

于 2013-01-21T13:34:18.260 に答える
0 
var sum = 0;
$('#select-from option:selected').each( function(i, v) {
    sum += parseInt($(v).attr('value'), 10);
      });
alert(sum);

それをする必要があります。

ここでデモを確認できます。

于 2013-01-21T13:14:44.783 に答える