javascript - 无法动态显示所有行

Question

我有 7 名团队成员，但我只能在 id demo 中显示其中 1 名，如何显示我的所有团队成员？我使用的 PFB HTML 代码和 javascript 是相同的:

<div class="col-lg-3 mb-0" style="display: flex;align-items: center;">
                <div class="popup" onclick="myFunction()"><h6>My team</h6>
                    <span class="popuptext" id="myPopup">My team members:<br><h7 id="demo"></h7><br></span>
                </div>
        </div>
    </div>
        <ol class="breadcrumb"></ol>

        <script>
            // When the user clicks on <div>, open the popup
            function myFunction() {
            var popup = document.getElementById("myPopup");
            popup.classList.toggle("show");
            var data1 = "TEAMSEARCH";
            //alert(data1);             
            $.ajax({
                url : 'TeamAssignment',
                type : 'POST',
                data : {
                    data1 : data1
                },
                success : function(result) {
                     var memberList = $.parseJSON(result);
                     //alert ( "Returned rows " + memberList.length);
                     for (var i = 0; i < memberList.length; i++)
                        {
                           console.log(memberList[i].fullName );
                           document.getElementById("demo").innerHTML = memberList[i].fullName;
                       }
                }
            });
            }
        </script>

Answer 1

document.getElementById("demo").innerHTML = memberList[i].fullName

循环的每次迭代都会重写demo的整个innerHTML 。您可能想要类似 document.getElementById("demo").innerHTML += '<li>' + memberList[i].fullName + '</li>' 的东西

+=是真正重要的部分。