我是 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>
这是一个点击事件。我的问题是,每次添加新文本框时,我以前的文本框的值都会消失,并且每次调用该函数时所有文本框都是空的。
最佳答案
我建议使用 document.createElement
和 document.appendChild
function ajax() {
var textBox = document.createElement('input');
textBox.name = 'reference[]';
textBox.type = 'text';
document.getElementById("ajax").appendChild(textBox);
}
关于Javascript动态添加带有值的文本框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7724338/