Working demo

Question

我正在使用一些在表单中添加新数据

HTML

电话号码：

JS

$(document).ready(function(){
    var phone_number_form_index=0;
    $("#add_phone_number").click(function(){
        phone_number_form_index++;
        $(this).parent().before($("#phone_number_form").clone().attr("id","phone_number_form" + phone_number_form_index));
        $("#phone_number_form" + phone_number_form_index).css("display","inline");
        $("#phone_number_form" + phone_number_form_index + " :input").each(function(){
            $(this).attr("name",$(this).attr("name") + phone_number_form_index);
            $(this).attr("id",$(this).attr("id") + phone_number_form_index);
            });
        $("#remove_phone_number" + phone_number_form_index).click(function(){
            $(this).closest("div").remove();
        });
    }); 
});

这是工作小提琴

http://jsfiddle.net/wc28f/3/

我正在尝试添加到boostrap 3模态，但我没有运气，这里是bootstrap 3模态中的相同代码

http://www.bootply.com/J9cv7EZv6K

是否可以像select一样扩展这个例子，但是我需要发布那个选择值的数组

http://www.bootply.com/S9WGrK0WhL

这是我的例子，我需要的是

phone_number1 变为 phone_number [1]，
和qty1到变为 qty [1]

Answer 1

Working demo

我删除了线路并且有效

$("#phone_number_form" + phone_number_form_index).css("display","inline");

使用它：

$("#phone_number_form" + phone_number_form_index).removeClass("hidden");

你想要phone_number[1]试试这个：

$(this).attr("name",$(this).attr("name") +"["+ phone_number_form_index+"]");

Updated DEMO

添加新字段并在bootstrap 3模式中克隆？

1 个答案:

Working demo