Javascript动态添加带有值的文本框

Question

我是 JavaScript 的新手。我想在运行时动态添加多个文本框..

        <script type="text/javascript">
            function ajax(){
                var x = document.getElementById("ajax").innerHTML;
                x= x + '<input name="reference[]" type="text" />';
                document.getElementById("ajax").innerHTML = x;
            }
        </script>

这是一个点击事件。我的问题是，每次添加新文本框时，我以前的文本框的值都会消失，并且每次调用该函数时所有文本框都是空的。

Answer 1

我建议使用 document.createElement和 document.appendChild

Example

function ajax() {
    var textBox = document.createElement('input');
    textBox.name = 'reference[]';
    textBox.type = 'text';
    document.getElementById("ajax").appendChild(textBox);
}