我如何在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); 
      } 
     }); 
    }); 

我希望它會爲你工作。