Question

我试图在输入（a）的“Enter”上创建并插入另一个输入（a）下方的输入（b），同时还将输入（a）的值插入输入（b）。

的Javascript

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>

Answer 1

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

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

1 个答案: