在“输入”上创建并插入输入

Create and Insert an Input on "Enter"

本文关键字：输入 插入 创建      更新时间：2023-09-26

我正在尝试在input（a）的"Enter"上的另一个输入（a）下创建并插入一个input（b），同时还将input（a）的值插入input（b）。

爪哇语

function add_name(ele) {
    if(event.keyCode == 13) {
        var newdiv = document.createElement('div');
        newdiv.innerHTML = "<input id='person_holder' type='text' name='myInputs[]'>";
        document.getElementById(divName).appendChild(newdiv);
        counter++;
        var personName = document.getElementById("people").value;
        document.getElementById('person_holder').value= personName;      
    }
}

.HTML

<form>
    <input type="text" class="add_name" onkeydown="add_name(this)" name="myInputs[]" id="people"/>
</form>

如果这是您的完整代码，那么我认为问题是由表单中输入文本框的默认行为引起的。对于表单中的输入文本框，当它聚焦并按下回车按钮时，将提交表单，这意味着将重新加载页面。为防止出现这种情况，您可以添加 event.preventDefault(); .这是工作演示。

相关文章：