[英]How to dynamically add and remove fields for more than one?
在JQuery中,有沒有一種更簡便的方法可以動態添加和刪除同一表單中多個字段的字段? 我有兩個表單元素,它們具有與我想添加和刪除空白字段相同的能力。
<div class="col-sm-3">
Email<g:field type="email" name="Email" class="form-control" required="" value="" aria-labelledby="Email-label"/>
</div>
<div class="col-sm-2">
Fax<g:field type="tel" name="Fax" class="form-control" required="true" value="" aria-labelledby="Fax-label"/>
</div>
我已經從幾個不同的地方拼湊了這個javascript片段,它在第一個字段中工作得很好,但是當我嘗試在第二個字段中復制它時,它是行不通的。
$(document).ready(function(){
$("#add").click(function (e) {
$("#submitterEmail").append('<div><input type="text" name="submitterEmail[]"><button class="delete">Delete</button></div>');
});
$("body").on("click", ".delete", function (e) {
$(this).parent("div").remove();
});
});
這是基於您擁有的HTML的JavaScript:
$(document).ready(function(){
$("#add").on("click", function(){
$("#container").append(
"<div class='col-sm-3'><g:field>Another field <button class='delete'>Delete</button></div>"
);
});
$(document).on("click", ".delete", function(){
$(this).parent().parent().remove();
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.