Javascript 两个列表的输出是混合的

最近我的工作任务对我来说太大了

我正在寻找创建混合两个元素的生成器

地点清单

代码或文本

输出将为每一新行输入编码/文本的位置

这是目前关于HTML的工作

因为我对PHP很在行，有人能解释一下我应该使用什么函数来让这个生成器工作吗

这是我的代码：

<div class="container">
<div class="col-lg-12">
    <h1 style="text-align:center; margin-bottom:50px;">Generate Locations       </h1>
</div>

<div class="col-lg-6">

    <h3>Input locations in new line each</h3>

    <textarea rows="20" style="width:100%">
    </textarea>
</div>

<div class="col-lg-6">
    <h3>Input code. Use "??Location" to replace.</h3>

    <textarea rows="20" style="width:100%">
    </textarea>
</div>

<center><button type="button" class="btn btn-primary" style="margin-top:20px;" >Generate</button></center>

<div class="col-lg-12">
    <h3>Output</h3>

    <textarea rows="20" style="width:100%">
    </textarea>
</div>

生成位置
在每行的新行中输入位置
输入代码。使用“？位置”进行更换。
生成
输出

---

首先，提供您的文本区域ID，以便您可以轻松引用它们：

<textarea rows="20" style="width:100%" id="locations">
</textarea>

<textarea rows="20" style="width:100%" id="inputcode">
</textarea>

<textarea rows="20" style="width:100%" id="output">
</textarea>

剩下的是Javascript：

<script>
    function generateLocations() {
        var locations = document.getElementById("locations").value.split(/[\r\n]+/g);
        var inputcode = document.getElementById("inputcode").value;

        var output_text = "";

        locations.forEach(function (item, index, array) {
            output_text += inputcode.replace(/\?\?Location/g, item) + "\n";
        });

        document.getElementById("output").value = output_text;
    }
</script>

函数生成位置（）{
var locations=document.getElementById（“locations”）.value.split（/[\r\n]+/g）；
var inputcode=document.getElementById（“inputcode”）.value；
var输出_text=“”；
forEach（函数（项、索引、数组）{
输出\文本+=输入代码。替换（/\？\？位置/g，项目）+“\n”；
});
document.getElementById（“输出”）.value=output\u text；
}

您可以使用按钮调用此函数：

<button onclick="generateLocations()" type="button" class="btn btn-primary" style="margin-top:20px;">Generate</button>

生成

将id

位置

、

代码

和

输出

分别添加到位置、代码和输出的文本区域

将此添加到脚本标记中

function generate(){
   var lta = document.getElementById("locations");
   var cta = document.getElementById("code");

   var locations = lta.split("\n");
   var codes = cta.split("\n");
  var final = "";
   codes.forEach(function(code){
      locations.forEach(function(loc){
          var codeCopy = code;
          final += codeCopy.replace("??Location", loc) + "\n";
      })
   })
  var out = document.getElementById("output");
  out.innerText = final;
}

---

在生成按钮的

onclick

上调用它

您提供的屏幕截图是显示当前工作状态还是您的要求？另外，php是必要的，因为若你们只想输出结果，它可以通过js来完成。截图显示了我迄今为止的html工作，现在我需要php功能。是的，Javascript对我也很好。我只是需要关于我可以使用哪些函数，如何获取第一个列表，检测？？位置和导出的帮助。您有什么特别的原因想在PHP中这样做吗？在javascript中也可以轻松完成，因此不需要提交和页面加载。如果javascript更简单，那么我就不需要PHPTHANK了！我为函数和onclick找到了答案，它工作得很好。只有一件事，我如何才能添加，使每个函数的输出都转到新行？当然，复选标记是必需的，但感谢您保存了我的a**这是最重要的：）谢谢您Mohammad，我没有检查您的代码，因为法老已经为我提供了关于这个函数的工作。谢谢你的时间！