如何在div中显示选项值而不重复它（javascript或jquery）

Question

我在这里有这个代码，我想在div id="iteminfo"中显示所选的选项，我想避免在选择相同的选项时多次显示它。非常感谢您的帮助。感谢

$(document).ready(function () {
         $(".myactivity").click(function (event) {
             var total = 0;
             $(".myactivity option:checked").each(function () {
                 total += parseFloat($(this).val());
                 var iteminfo = $(this).text();
                 $("#iteminfo").append(iteminfo);
             });

             if (total == 0) {
                 $('#amount').val('');
             } else {
                 $('#amount').val(total);
             }
         });
     });

这是我的div id标记

<div class="form-control"> 
                    <label class="header">Summary <span>*</span></label>
                     <div id="iteminfo"></div>
                </div>

Answer 1

$(document).ready(function () {
         $(".myactivity").click(function (event) {
             var total = 0;
             var iteminfo = [];
             $(".myactivity option:checked").each(function () {
                 total += parseFloat($(this).val());
                 iteminfo.push($(this).text());
             });

             $("#iteminfo").html(iteminfo.join('<br/>'));

             if (total == 0) {
                 $('#amount').val('');
             } else {
                 $('#amount').val(total);
             }
         });
     });

我希望它对你有用。