[英]Dynamically adding HTML fields with Javascript and CodeIgniter
[英]Adding fields dynamically using JavaScript makes fields disappear
這是我的 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' 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>
這是我的 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" />
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.