Генерирую поле input через javscript — но оно потом не появляется в параметрах при отправки формы?

Question

[fashionmens]

Есть форма (корзина товаров). При клике на кнопку Оформить заказа - форма отправляется.
Сделал через js скрипт, который при нажатии на кнопку "Оформить заказ" - сначала создает скрытые поля импорта под каждый товар такого плана (это нужно из-за особенности проекта):


......
И потом после этого скрипт делает submit формы.
Но почему то адрес, куда отправлена форма - не получает эти сгенерированные параметры. Что может быть не так?
Если просто заранее вставлю в код html страницы этот код - то все работает.
А именно не учитывается при генерации через js
Что делаю не так?

Comments

[Lynn «Кофеман»]

Где код?

[fashionmens]

Есть форма (корзина товаров). При клике на кнопку Оформить заказа - форма отправляется.
Сделал через js скрипт, который при нажатии на кнопку "Оформить заказ" - сначала создает скрытые поля импорта под каждый товар такого плана (это нужно из-за особенности проекта):

<input type="hidden" name="items_payment_types[1795]" value="1">
<input type="hidden" name="items_payment_types[1765]" value="4">

......
И потом после этого скрипт делает submit формы.
Но почему то адрес, куда отправлена форма - не получает эти сгенерированные параметры. Что может быть не так?
Если просто заранее вставлю в код html страницы этот код

<input type="hidden" name="items_payment_types[1765]" value="4">

- то все работает.
А именно не учитывается при генерации через js
Что делаю не так?

[fashionmens]

Алексей Тен,

<script>
		$(".check_out").click(function(){
                    $('.selected_items:checked').each(function() {
                        $('.items_payment_types').append('<input type="hidden" name="items_payment_types['+$(this).val()+']" value="1">');                
                    });
                  $('#cart_checkout').submit();
                    
		});
	</script>

[kuzubina]

Делай чтобы эти скрытые поля добавлялись не по клику, а при формировании DOM структуры страницы и все будет ок

[fashionmens]

kuzubina,

<script>
var input=document.createElement('input');
input.type = 'text';
input.name = 'valuer';
document.body.appendChild(input);
</script>

Вот так сделал и заработало. Но странно почему оно по клику не работает. Что, разве форма не учитывает эти поля при отправке?

Answer 1

[fashionmens]

<script>
var input = document.createElement('input');
input.type = 'hidden';
input.name = 'items_payment_types['+$(this).val()+']';
input.value = $('#tr_item_delivpay_' + $(this).val()).find('select.payment_product').val();
document.getElementById('cart_checkout').appendChild(input);
</script>

Вот так сделал и заработало. Но странно почему оно по клику не работает. Что, разве форма не учитывает эти поля при отправке?

Comments

[kuzubina]

jQuery работает с элементами, которые были на странице на момент инициализации кода.
Если добавляются новые элементы — при помощи ajax’а или функций типа append() — то события не затрагивают их.