如何在“功能”中克隆和附加子级-纯javascript

在这里,我们的服务台成员必须写很多支持票,然后通过邮件将其发送给IT部门。 这会花费很多时间,因为完成任务的常用方法是搜索已发送的票证并手动重写。 尽管我对javascript不太熟悉,但还是设法编写了一个所谓的“票证生成器”。它包含输入字段,将输入存储在localstorage中,最后生成完整的文本,将其插入到Outlook邮件正文中,我们准备在几秒钟内单击“发送”按钮。

我现在的问题是: 如果要一次写多个票证,我想让人们选择他们需要多少个预定义的输入字段。

这是我遇到的问题:

HTML:

       <form id="ticketform">
                <input id="projectselection" name="projectselection1" list="projects" placeholder="Choose project...">
                    <datalist id="projects">
                        <option value="Project1"></option>
                        <option value="Project2"></option>
                        <option value="Project3"></option>
                    </datalist>
                <br>    
                <input id="numberoftickets" type="number" placeholder=" Choose the number of tickets...">
        </form>
            <button id="newForm" onclick="newnew()">DO IT!</button>
            <div id="dynamicInput">
            </div>

脚本:

function newnew() {
    let inputNumberoftickets = document.getElementById("numberoftickets").value;
    localStorage.setItem("selectionNumberoftickets",inputNumberoftickets);
                
    let original = document.getElementById("projectselection");
    let clone = original.cloneNode(true);
    let y = inputNumberoftickets;
    let formform = document.getElementById("ticketformular");
    let text = "";
        
        for (i = 1; i <= y; i++) {
            document.getElementById("dynamicInput").innerHTML = text += 'Ticket ' + i + "<br>" + 
            original.setattribute("id",ticketformular + i) +
            document.getElementById("dynamicInput").appendChild(clone) + "<br>";

这是我得到的结果:

Ticket 1
undefined[object HTMLInputElement]
Ticket 2
undefined[object HTMLInputElement]
Ticket 3
undefined[object HTMLInputElement]

进行了大量研究,但不知何故我完全陷入了困境。 即使我在本地存储中设置项目输入来定义 字段我没有输出。

先谢谢了。 祝你有美好的一天。

iCMS 回答:如何在“功能”中克隆和附加子级-纯javascript

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/1872257.html

大家都在问