不好意思,我第一次用SF,会点html和php基础,完全不懂javascript。我想要实现的就是,点击“添加规格”按钮,可以在后面添加一段
<p>
,p的内容为我下面贴的代码。然后用一个删除按钮,可以删除该段p。用户可以按实际情况添加和删除一段规格。
<p class="row">
<p class="large-4 columns">
<p class="row collapse">
<p class="small-3 large-4 columns">
<span class="prefix">规格</span>
</p>
<p class="small-9 large-8 columns">
<input type="text" name="format[]">
</p>
</p>
</p>
<p class="large-6 columns">
<p class="row collapse">
<p class="small-2 columns">
<input type="text" name="length[]" placeholder="长(CM)">
</p>
<p class="small-2 columns">
<span class="postfix">CM</span>
</p>
<p class="small-2 columns">
<input type="text" name="width[]" placeholder="宽(CM)">
</p>
<p class="small-2 columns">
<span class="postfix">CM</span>
</p>
<p class="small-2 columns">
<input type="text" name="height[]" placeholder="高(CM)">
</p>
<p class="small-2 columns">
<span class="postfix">CM</span>
</p>
</p>
</p>
<p class="large-2 columns">
<p class="row collapse">
<p class="small-8 columns">
<input type="text" name="price[]">
</p>
<p class="small-4 columns">
<span class="postfix">元</span>
</p>
</p>
</p>
</p>
首先,建议楼主去学习一下jquery,因为他真心方便进行这些操作。 首先引入jquery的库。
然后把你的需要插入的p定义成一个变量,例如(以下情况建立在只有一个form,如有多个请增加id)
即可插入你的代码到form最底部。
如果你要删除最后一个class为row元素则是
即可