Массив создается из моих динамически добавленных полей ввода, я хочу сохранить значения в полях ввода, как только пользователь нажмет на кнопку.
Если я использую 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--;
})
});
Спасибо. Оно работает –