Php 使用JavaScript动态添加字段会使字段消失
这是我的JS代码:Php 使用JavaScript动态添加字段会使字段消失,php,javascript,jquery,forms,Php,Javascript,Jquery,Forms,这是我的JS代码: <script language="javascript"> function addInput() { document.getElementById('text').innerHTML += "<input type='text' value='' name='a1[]' size='60' />"; document.getElementById('text').innerHTML += "<input type='text
<script language="javascript">
function addInput() {
document.getElementById('text').innerHTML += "<input type='text' value='' name='a1[]' size='60' />";
document.getElementById('text').innerHTML += "<input type='text' value='' name='a2[]' size='9' /><br />";
}
function addInput1() {
document.getElementById('text1').innerHTML += "<input type='text' value='' name='b[]' size='30' /><br />";
}
function addInput2() {
document.getElementById('text2').innerHTML += "<input type='text' value='' name='c[]' size='30' />
}
</script>
函数addInput(){
document.getElementById('text').innerHTML+=“”;
document.getElementById('text').innerHTML+=“
”;
}
函数addInput1(){
document.getElementById('text1').innerHTML+=“
”;
}
函数addInput2(){
document.getElementById('text2')。innerHTML+=”
}
这是我的PHP表单代码:
<form method="post" enctype="multipart/form-data" name="form1" >
<input type="submit" onclick="addInput()" name="add" value="Add Other" />
<div id="text"></div>
<input type="submit" onclick="addInput1()" name="add1" value="Add Other" />
<div id="text1"></div>
<input type="submit" onclick="addInput2()" name="add2" value="Add Other" />
<div id="text2"></div>
<input type="submit" name="submit" value="Submit" />
</form>
当我添加字段时,效果非常好,但是当我尝试编辑字段时,页面会重置,所有添加的字段都会消失
我的JS代码有什么问题吗?还有其他方法吗?您使用提交按钮添加输入,但提交按钮提交表单时更好地使用按钮输入,例如
<input type="button">
提交按钮用于提交表单。最好使用按钮,但返回
false
将停止按钮的默认行为。例如:
function addInput() {
// your code
return false;
}
在html上:
<input type="submit" onclick="return addInput()" name="add" value="Add Other" />
主题外,但elem.innerHTML+=“…新内容。。。“
非常具有破坏性。虽然在某些情况下,这并没有多大区别,但我建议避免这种做法。在您的情况下,它将删除正在被销毁的输入的值。非常感谢您的回答:D.没想到这会很简单:D非常感谢你的帮助:D谢谢你的回答:D.这很有帮助。非常感谢你的帮助。再次感谢:D