0

在这里，我正在处理一个列表框，并且正在迭代该列表框的所有元素。这里 'list2' 是列表框的 ID，其元素取自 'list2' ：

 $(function(){
    $("#button1").click(function(){

        $("#list1 > option:selected").each(function(){
            $(this).remove().appendTo("#list2");

        });
    });

    $("#button2").click(function(){
        $("#list2 > option:selected").each(function(){
            $(this).remove().appendTo("#list1");

        });
    });
});

在这里，我制作了一个 button3 来显示“list2”的所有元素。点击它会显示使用 div 'placeholder;

  $("#button3").click(function(){
         var count = $("#list2 option").length;


          $("#list2 > option").each(function() {


         document.getElementById("error").style.display='none';
           document.getElementById("placeholder").style.display='block';
           document.getElementById("placeholder").innerHTML= document.getElementById("placeholder").innerHTML+'<p>'+this.text+'</p>';
});

在这里，如果单击“button3”，那么我会得到预期的结果，但如果再次单击 button3，它将再次显示相同的结果，但在不同的位置。我单击此按钮的次数它将显示显示/结果的数量，但在不同的位置。

我只想要这个结果一次。

问题：有什么方法可以实现这一点。如果有人点击 button3 并且元素相同，那么它不会再打印，但是如果有人更改 list2 的元素，那么它将显示更改后的结果。

谢谢

4

0 回答 0