在动态添加的字段中保留$ _POST值

时间:2015-09-19 07:46:38

标签: javascript php html

从动态添加的输入字段创建数组,我想在用户单击按钮后保留输入字段中的值。

如果我使用if(isset($_POST['creategroup'])) echo $_POST['creategroup'];,它将显示整个数组。我希望值在各自的输入字段中单独显示。它有什么好的解决方案吗?

我的Html代码是:

<div class="row">
    <div class="col-xs-6">
        <input class="form-control" placeholder="Enter Group Name" type="text" name="group" required></input>
    </div>
</div>    

<div class="row">
    <br />
    <div class="col-xs-6">
        <input class="form-control" placeholder="Enter email address" type="email" name="email[]" value="" required></input>
    </div>
</div>    
</div>

脚本是:

$(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $("#input_fields_wrap"); //Fields wrapper
    var add_button      = $("#add_field_button"); //Add button ID

    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            $(wrapper).append('<div class="row"><div class="col-xs-6" style="margin-top:0.2cm;"><input type="email" class="form-control" placeholder="Enter another email address" name="email[]" required><a href="#" id="remove_field"><span class="glyphicon glyphicon-minus"></span></a></div></div>'); //add input box

        }
    });

    $(wrapper).on("click","#remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});

1 个答案:

答案 0 :(得分:1)

您的问题遗漏了您的PHP部分。 通常,如果您在表单输入名称中定义了数组名称,例如email[],则可以在PHP中使用$_POST["email"][0]。 没有索引意味着([])自动计算具有该名称的每个输入字段的索引号。 您可以使用email[foo]手动定义索引名称,而不是PHP $_POST["email"]["foo"]中可用的索引名称。 有了这些信息,你应该能够使它发挥作用。