Javascript 无法动态显示所有行

我有7个团队成员，我只能在id演示中显示其中的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>

我的团队
我的团队成员：


//当用户单击时，打开弹出窗口
函数myFunction（）{
var popup=document.getElementById（“myPopup”）；
popup.classList.toggle（“显示”）；
var data1=“团队搜索”；
//警报（数据1）；
$.ajax({
url:“团队分配”，
键入：“POST”，
数据：{
data1:data1
},
成功：功能（结果）{
var memberList=$.parseJSON（结果）；
//警报（“返回的行”+memberList.length）；
对于（var i=0；i

document.getElementById（“演示”）.innerHTML=memberList[i]。全名

循环的每次迭代都会重写

demo

的整个innerHTML。您可能需要类似于

document.getElementById（“demo”）.innerHTML+='
'+memberList[i].fullName+'
'

---

+=

实际上是最重要的部分。

document.getElementById（“demo”）.innerHTML=memberList[i]。全名

循环的每次迭代都会重写

demo

的整个innerHTML。您可能需要类似于

document.getElementById（“demo”）.innerHTML+='
'+memberList[i].fullName+'
'

---

“代码>+=是实际重要的部分。

您反复覆盖

demo

innerHTML

。您应该在

for

循环之后立即进行赋值

试着这样做：

var members = '';
for (var i = 0; i < memberList.length; i++) {
    console.log(memberList[i].fullName );
    members += memberList[i].fullName;
}
document.getElementById("demo").innerHTML = members;

var成员=”；
对于（var i=0；i

您重复覆盖

演示

innerHTML

。您应该在

for

循环之后立即进行赋值

试着这样做：

var members = '';
for (var i = 0; i < memberList.length; i++) {
    console.log(memberList[i].fullName );
    members += memberList[i].fullName;
}
document.getElementById("demo").innerHTML = members;

var成员=”；
对于（var i=0；i

您也可以使用以下选项：

var memberList=$.parseJSON（结果）；
$（“#demo”）.html（“”）//这里只需在nethtml中设置为空
for（成员列表的变量成员）
$（“#demo”）.append（“
”+member.fullName+“
”）//在这里附加每个成员的html字符串

，您也可以使用以下字符串：

var memberList=$.parseJSON（结果）；
$（“#demo”）.html（“”）//这里只需在nethtml中设置为空
for（成员列表的变量成员）
$（“\演示”）.append（'
'+member.fullName+'
）//此处附加每个成员的html字符串

是，这是我需要的。。。现在开始工作了，谢谢，伙计。当然，只需要6分钟就可以了，佩奇，在6分钟之前不要让我做，你太快了，呵呵，这就是我需要的。。。现在开始工作了，谢谢，伙计。当然，只需要6分钟就可以了，佩奇，再过6分钟再让我做，你太快了，呵呵