如何使用javascript显示多个项目

大家好，我制作了一个下拉列表，当我按下其中的一个项目时，它会在屏幕上显示一些内容，但我需要它一次显示多个内容，但我不知道如何做到这一点

<?php

session_start();

if (!isset($_SESSION["userId"])) {
    header('Location: ../../auth/login');
    die();
}

    <div class="d-flex justify-content-center row">
        <div class="col-md-10 col-lg-10">
            <div class="border">
                <div class="question bg-white p-3 border-bottom">
                    <div class="d-flex flex-row justify-content-between align-items-center mcq">
                        
                    </div>
                </div>
                <div class="question bg-white p-3 border-bottom">
                    <div class="d-flex flex-row align-items-center question-title">
                        <h3 class="text-danger"></h3>
                        <h5 id="complaintHeader" class="mt-1 ml-2">welke lichaamelijke klachten heeft u</h5>
                    </div>
            
                    <div class="dropdown">
                        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">klachten</button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item Maag" href="#" onClick="changeHeader('Maag')">MAAG</a>
                            <a class="dropdown-item Darmen" href="#" onClick="changeHeader('Darmen')">DARMEN</a>
                            <a class="dropdown-item Hyperventilatie" href="#" onClick="changeHeader('Hyperventilatie')">HYPERVENTILATIE</a>
                            <a class="dropdown-item Hartritme-Klachten" href="#" onClick="changeHeader('Hartritme-Klachten')">HARTRITME-KLACHTEN</a>
                            <a class="dropdown-item Misselijkheid" href="#" onClick="changeHeader('MIsselijkheid')">MISSELIJKHEID</a>
                            <a class="dropdown-item Keelklachten" href="#" onClick="changeHeader('Keelklachten')">KEELKLACHTEN</a>
               
                    </div>
                </div>
            </div>
            <div class="d-flex flex-row justify-content-between align-items-center p-3 bg-white">
                <button class="btn btn-primary d-flex align-items-center btn-danger" type="button">
                    <i class="fa fa-angle-left mt-1 mr-1"></i>
                        &nbsp;previous
                </button>
                <button type="button" class="btn btn-primary">bij klachten</button>
                <button class="btn btn-primary border-success align-items-center btn-success" type="button">Next
                    <i class="fa fa-angle-right ml-2"></i>
                </button>
            </div>
        </div>
    </div>
</div>
</div>

<?php 
require '../include/footer.php'; //include footer
require '../auth/logout-modal.php'; //include logout modal
?> 
<script>
function changeHeader(s){        
    document.getElementById("complaintHeader")
            .innerHTML = "welke lichaamelijke klachten heeft u: " + s;
}

函数changeHeader{
document.getElementById（“投诉人”）
.innerHTML=“welke lichaamelijke klachten heeft u:”+s；
}

---

正如您在我的代码中所看到的，我制作了一个下拉按钮，其中有一个脚本，当我按下下拉按钮时，它会在屏幕上显示它，但我希望它显示多个内容

如果要将多个内容传递给changeHeader（）函数，您可以将它们作为数组传递，并在函数中使用map（）将它们附加到投诉头中方法或for循环

<a class="dropdown-item Maag" href="#" onClick="changeHeader(['Maag','DARMEN','MISSELIJKHEID'])">MAAG</a>


function changeHeader(s){ 
  const yourArray = s;
  const Header = document.getElementById("complaintHeader");

  yourArray.map(item => {
    Header.innerHTML += item;
  })

}

函数changeHeader{
常量数组=s；
const Header=document.getElementById（“投诉者”）；
yourArray.map（项=>{
Header.innerHTML+=项目；
})
}

---

您可以使用for循环而不是map（）方法。

那么您希望显示哪些“多个内容”？页面其他部分的位？一些静态信息？什么？？您只想显示文本吗<代码>document.getElementById（“投诉人”）.innerHTML=“welke lichaamelijke klachten heeft u:”+s是否只想将额外文本添加到此字符串？我的下拉列表中的项目我只能显示我的下拉列表中的一个项目。您的问题非常不清楚且不具体。请编辑问题，以包括一些适当的例子，说明你想展示什么以及它来自哪里。只是不断地说“多个/更多的事情”并不能让我们继续下去。那么它到底应该做什么呢？保留一个列表，列出你以前选择的所有东西以及最近的，也许？不清楚。始终以不含糊的方式陈述您的要求-我们无法理解您的想法。是的，谢谢您，这就是我想要的broski