【问题标题】:Retaining the $_POST values in dynamically added fields在动态添加的字段中保留 $_POST 值
【发布时间】:2015-09-19 07:46:38
【问题描述】:

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

如果我使用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--;
    })
});

【问题讨论】:

    标签: javascript php html


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-05-05
      • 2016-07-19
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多