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

我这里有这个代码，我想在

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>

总结*

$（文档）.就绪（函数（）{
$（“.myactivity”）。单击（函数（事件）{
var合计=0；
var iteminfo=[]；
$（“.myactivity选项：选中”）。每个（函数（）{
total+=parseFloat（$（this.val（））；
iteminfo.push（$（this.text（））；
});
$（“#iteminfo”）.html（iteminfo.join（“
”）；
如果（总计==0）{
$（'金额'）.val（''）；
}否则{
$（'金额'）.val（总计）；
}
});
});

---

我希望它对您有用。

您需要清除以前添加的值您可以使用

iteminfo+=$（this.text（）这是个好主意。非常感谢，谢谢你们。这有帮助。我现在在插入换行符时遇到问题。使用“设置文本”时不能换行。我将编辑我的代码。等一下。@@Felix如果有帮助的话，请不要忘记奖励。
$(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);
             }
         });
     });