0

これは私の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 コードに問題はありますか? これを行う他の方法はありますか？

4

2 に答える 2

2

送信ボタンを使用して入力を追加していますが、送信ボタンはボタン入力を使用する方がフォームを送信します。

<input type="button">
于 2013-03-02T16:22:15.740 に答える
0

送信ボタンは、フォームを送信するためのものです。ボタンを使用することをお勧めしますが、戻るfalseとボタンのデフォルトの動作が停止します。元：

function addInput() {
  // your code
  return false;
}

そしてhtmlで：

<input type="submit" onclick="return addInput()" name="add" value="Add Other" />
于 2013-03-02T16:40:30.870 に答える