-1

我如何允许用户添加例如他需要的带有数字的书籍，这个需要没有限制，所以如果他点击添加另一个网页将打开一个新的输入字段。最后他会点击提交按钮。

<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，我创建了一个小的 Demo Example 来帮助您理解。如果您有任何问题，请告诉我。

演示：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 回答