Как записать в mysql из массива input?

Question

[Дмитрий Исаев]

Есть массив в базе:

[{"name":"Оплата через Сбербанк Онлайн","description":"<small class=\"form-text text-muted\"><a href=\"\/how-buy\/\" target=\"_blank\">Инструкция<\/a> Как оплатить через сбербанк Онлайн<\/small>"},{"name":"Оплата по счёту","description":"описание"}]

Есть поля неограниченное кол-во полей.

<input type="text" class="form-control" name="payment_methods[][name]" value="">
<textarea class="form-control" name="payment_methods[][description]" rows="5"></textarea>

Как сгенерировать массив (или JSON) из этих инпутов.
Вида:

$shipping_method = array(
array('name' => 'Оплата через Сбербанк Онлайн', 'description' => '<small class="form-text text-muted"><a href="/how-buy/" target="_blank">Инструкция</a> Как оплатить через сбербанк Онлайн</small>')
array('name' => 'Оплата по счёту', 'description' => ''),
);

Answer 1

[Ильдар Сарибжанов]

Добавляйте индексы к элементам массива

<input type="text" class="form-control" name="payment_methods[0][name]" value="">
<textarea class="form-control" name="payment_methods[0][description]" rows="5"></textarea>
<input type="text" class="form-control" name="payment_methods[1][name]" value="">
<textarea class="form-control" name="payment_methods[1][description]" rows="5"></textarea>

Comments

[Дмитрий Исаев]

а как их проще сгенеририть на JS?

<script>
    jQuery('.plus').click(function(){
        jQuery('#information_json_plus').append(
            '<tr>' +
            '<td><input type="text" class="form-control" name="payment_name[]" value=""></td>' +
            '<td><textarea class="form-control" name="payment_description[]" rows="5"></textarea></td>' +
            '<td><span class="btn btn-danger minus pull-right">&ndash;</span></td>' +
            '<td><span class="btn btn-success plus pull-right">+</span></td>' +
            '</tr>'
        );
    });
    jQuery(document).on('click', '.minus', function(){
        jQuery( this ).closest( 'tr' ).remove(); // удаление строки с полями
    });
</script>

[Ильдар Сарибжанов]

Дмитрий Исаев, например так

jQuery('.plus').click(function () {
	var num = jQuery('.js-form-line').size();

	jQuery('#information_json_plus').append(
		'<tr class="js-form-line">' +
		'<td><input type="text" class="form-control" name="payment[' + num + '][name]" value=""></td>' +
		'<td><textarea class="form-control" name="payment[' + num + '][description]" rows="5"></textarea></td>' +
		'<td><span class="btn btn-danger minus pull-right">&ndash;</span></td>' +
		'<td><span class="btn btn-success plus pull-right">+</span></td>' +
		'</tr>'
	);
});

[Дмитрий Исаев]

Ильдар Сарибжанов,

Uncaught TypeError: jQuery(...).size is not a function

[Дмитрий Исаев]

Ильдар Сарибжанов, ну там всё равно получается, если JSON генерирую → 

{"1":{"name":"Оплата через Сбербанк Онлайн","description":"<small class="\&quot;form-text" text-muted\"=""><a href="\&quot;\/how-buy\/\&quot;" target="\&quot;_blank\&quot;">Инструкция&lt;\/a&gt; Как оплатить через сбербанк Онлайн&lt;\/small&gt;"},"2":{"name":"Оплата по счёту","description":null}}

это фигня какая-то. Не могу понять как мне сгенерировать массив вида

[{"id":1,"name":"Оплата через Сбербанк Онлайн","description":"<small class=\"form-text text-muted\"><a href=\"\/how-buy\/\" target=\"_blank\">Инструкция<\/a> Как оплатить через сбербанк Онлайн<\/small>"},{"id":2,"name":"Оплата по счёту","description":""}]

[Ильдар Сарибжанов]

Дмитрий Исаев, для jquery 3, этот вариант не работает. Тогда змените на

var num = jQuery('.js-form-line').length;

[Дмитрий Исаев]

Ильдар Сарибжанов, спасибо, это не самое главное. проблема ещё осталась в генерации «валидного» JSON из инпутов, чтобы его можно потом вывести

[Ильдар Сарибжанов]

тогда ещё скрытое поля для id

jQuery('.plus').click(function () {
	var num = jQuery('.js-form-line').size();

	jQuery('#information_json_plus').append(
		'<tr class="js-form-line">' +
		'<td>' +
		'<input type="text" class="form-control" name="payment[' + num + '][id]" value="' + num + '">' +
		'<input type="text" class="form-control" name="payment[' + num + '][name]" value="">' +
		'</td>' +
		'<td><textarea class="form-control" name="payment[' + num + '][description]" rows="5"></textarea></td>' +
		'<td><span class="btn btn-danger minu<code lang="php">

</code>s pull-right">&ndash;</span></td>' +
		'<td><span class="btn btn-success plus pull-right">+</span></td>' +
		'</tr>'
	);
});

А на бэкэнде

json_encode($_POST['payment']);

[Ильдар Сарибжанов]

Либо оставляем предыдущий вариант, но на бэкенде

$res = [];
foreach ($_POST['payment'] as $key => $payment_itm) {
	$res[] = [
		'id'                => $key,
		'name'          => $payment_itm['name'],
		'description' => $payment_itm['description'],
	];
}

[Дмитрий Исаев]

Ильдар Сарибжанов, выводит всегда 1

[Дмитрий Исаев]

Ильдар Сарибжанов, спасибо вроде сработало

[Дмитрий Исаев]

Ильдар Сарибжанов,

var num = $("tr.js-form-line").length;
        num = num + 1;

↑ так работает