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

Question

我在这里有这个代码，我想在divid="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); 
      } 
     }); 
    }); 

我希望它会为你工作。