2个列表的输出混合

Question

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

我希望创建用于混合两个元素的生成器。

1. 地点列表
2. 代码或文字
3. 输出将输入每个新行的代码/文本的位置

这是关于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>

Answer 1

首先，提供textareas 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>

您可以使用按钮调用此功能：

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

Answer 2

将ID code，output和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; } 分别添加到地理位置，代码和输出的textarea。

在脚本标记中添加

onclick

在生成按钮的 tasks["spoonDeltaAndroidDebugTest"].finalizedBy tasks["ciIntegrationTests"] 上调用