添加選擇多個值

下面的代碼是一個多選表單，在這個表單中它將被完成，直到選定值。我需要添加選定的值來顯示何時選擇所選的值。我的意思是，如果我選擇item1和item2它應該給總和223動態uisng jquery在同一頁面。我認爲css必須使用。幫助我在這種計算中選擇多個值suming。有關這個教程是鼓舞人心的。添加選擇多個值

$('#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>'

謝謝

來源

2013-01-21 user1906431

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

應該這樣做。您可以查看demo here。

來源

2013-01-21 13:14:44

這將更新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

來源

2013-01-21 13:34:18 billyonecan

嘿，你的演示，當我試圖選擇各不工作價值...你可以請結帳再次你的代碼...謝謝你 – user1906431

感謝它的工作:) – user1906431

添加選擇多個值

回答

相關問題