在这里,我们的服务台成员必须写很多支持票,然后通过邮件将其发送给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]
进行了大量研究,但不知何故我完全陷入了困境。 即使我在本地存储中设置项目输入来定义 字段我没有输出。
先谢谢了。 祝你有美好的一天。