添加动态字段形成

我的用户可以输入多个地址，但我想要一个实际的按钮来生成额外的字段，因为只有一个地址是强制性的，空字段看起来很丑！我也需要额外的地址进入mysql数据库。我会怎么做的JavaScript如果PHP是不可能一些代码，可以帮助：添加动态字段形成

<td width="732" valign="top"><p> 
<h3 class="main">Address Details</h3> 
<p class="normal"> You are able to add up to 3 addresses but only 1 is compulsory. 
However it would be helpful if you could insert 3 addresses: 
<ul> 
<li>Permanent home address</li> 
<li>Postal address (where you will be from June to September)</li> 
<li>Local address (where you currently live)</li> 
</ul>  
<?php 
if(!empty($err)) { 
    echo "<div class=\"msg\">"; 
    foreach ($err as $e) { 
    echo "* $e <br>"; 
    } 
    echo "</div>";  
    } 
?> 
<br> 
<form action="address.php" method="post" name="regForm" id="regForm" > 
<table width="95%" border="0" cellpadding="3" cellspacing="3" class="forms"> 
<tr> 
<td>Street<span class="required"><font color="#CC0000">*</font></span> 
</td> 
<td><input name="Street" type="text" id="Street" class="required" size="50"> 
</tr> 
<tr> 
<td>Line 2 
</td> 
<td><input name="Line2" type="text" id="Line2" class="required" size="50"> 
</tr> 
<tr> 
<td>Line 3 
</td> 
<td><input name="Line3" type="text" id="Line3" class="required" size="50"> 
</tr> 
<tr> 
<td>Town<span class="required"><font color="#CC0000">*</font></span> 
</td> 
<td><input name="Town" type="text" id="Town" class="required" size="30"> 
</tr> 
<tr> 
<td>Postcode<span class="required"><font color="#CC0000">*</font></span> 
</td> 
<td><input name="Postcode" type="text" id="Postcode" class="required" size="10"> 
</tr> 
<tr> 
<td>Country <font color="#CC0000">*</font></span></td> 
<td><select name="Country" class="required" id="select8"> 
      <option value="" selected></option> 
      <option value="Afghanistan">Afghanistan</option> 
      <option value="Albania">Albania</option> 
      (etc) 
      </select></td> 
</tr> 
<tr> 
<td>Telephone Number<span class="required"><font color="#CC0000">*</font></span> 
</td> 
<td><input name="Tele" type="text" id="Tele" class="required" > 
</tr> 
<tr> 
<td>Fax<span class="required"><font color="#CC0000">*</font></span> 
</td> 
<td><input name="Fax" type="text" id="Fax" class="required" > 
</tr> 
<tr> 
<td>Mobile<span class="required"><font color="#CC0000">*</font></span> 
</td> 
<td><input name="Mobile" type="text" id="Mobile" class="required" > 
</tr> 
<tr> 
<td>Type <font color="#CC0000">*</font></span></td> 
<td><select name="Type" class="required" id="select8"> 
      <option value="" selected></option> 
      <option value="H">Home</option> 
      <option value="P">Postal</option> 
      <option value="L">Local</option> 


</table> 
<p align="center"> 
<input name="doAddress" type="submit" id="doAddress" value="Submit">

来源

2012-03-09 user1257518

这个问题与Java有什么关系？当你的意思是'Javascript'时，你用'Java'错误标记了吗？ – 2012-03-09 17:36:12

为什么标记'java'？ – 2012-03-09 17:38:29

hello ??? <点击，点击，点击>是这件事吗？ – 2012-03-09 17:41:51

好。首先，您需要删除表格格式。这是一个非常过时和可怕的做法，用于创建表单（不灵活）。你可以在CSS中创建所有这些。

秒，css是你的答案。如果您希望该字段出现在单击按钮上，则添加一个JavaScript事件绑定以删除其中display = none的css类或css属性。使用像jQuery这样的库会使这非常简单。

如果你想根据服务器的响应来显示字段，那么当点击提交时，你需要发送一个ajax请求（再次jQuery将使这非常简单），然后更新css类或显示属性上ajax请求的成功回调方法。

来源

2012-03-09 18:00:46 jjNford

添加动态字段形成

回答

相关问题