-1

たとえば、ユーザーが番号付きの本の必要性を追加できるようにする方法は、これには制限がないため、別の追加をクリックすると、Web ページに新しい入力フィールドが開きます。最後に、送信ボタンをクリックします。

<html>
<head></head>
<body>
<?php
if(isset($_POST['submit']))
{?>
<td><input type="submit" value="Add another"/></td>

<?php } ?


?>
<form action="" method="post">
<table>
<tr>
<td><input type="text" name="need"/></td>
<td><input type="submit" value="Add another"/></td>
</tr>
</table>
<input type="submit" value="submit"/>
</form>

</body>
</html>
4

1 に答える 1

0

これは基本的な Javascript です。理解を助けるために小さなデモ例を作成しました。ご不明な点がございましたら、お知らせください。

デモ: http://jsfiddle.net/VdW3P/1/

<fieldset>
<legend>Demo</legend>
<form method="POST">
<div id="dynamicInput">
          Entry 1<br /><input type="text" name="myInputs[]">
</div>
<input type="button" value="Add another text input" onClick="addInput('dynamicInput');"></br>
</form>
</fieldset>

Javascript コード:

var counter = 1;
var limit = 3;
function addInput(divName){
     if (counter == limit)  {
          alert("You have reached the limit of adding " + counter + " inputs");
     }
     else {
          var newdiv = document.createElement('div');
          newdiv.innerHTML = "Entry " + (counter + 1) + " <br><input type='text' name='myInputs[]'>";
          document.getElementById(divName).appendChild(newdiv);
          counter++;
     }
}
于 2013-04-03T17:47:28.637 に答える