Как создать форму в форме с помощью javvascript?

Question

[maiskiykot]

Прилип тут с формой. В форме редактирования поста вывел изображения. Потом решил сделать их удаляемыми по желанию. Получается как бы форма в форме. Понял, что будет конлфликт - вывел в js. Там объявил новую форму my_form и сабмит соответственно my_form.submit(), однако упорно сабмитится основная форма. Как это разрулить? Спасибо!

Comments

[Alex]

Код в студию

[Ankhena]

Форма в форму не вставляется.
Она должна быть одна.
А уж кнопки внутри неё вы можете обрабатывать как угодно.

[maiskiykot]

Alex, Так код в принципе в поиске. В форме я объявил<button> и все вынес в javascript. Я вот думаю еще и button заменить на какой-нибудь <li>

[maiskiykot]

Ankhena, Я ведь написал, что код формы вынес в javascript

[Ankhena]

maiskiykot, и как предлагаете догадаться, что именно вы вынесли в js?
Для этого есть песочницы типа codepen или jsfiddle.

Я вот думаю еще и button заменить на какой-нибудь

И давно li стали интерактивными элементами?

[maiskiykot]

Ankhena, форму объявил в js. Переписывать учебник? C button у меня просто event считывается.

my_form=document.createElement('FORM');
                   my_form.name = 'delete';
                   my_form.method='DELETE';
                   my_form.action= this.value;
                   my_form.submit();

[Ankhena]

maiskiykot,

Переписывать учебник?

Проблема у учебника или у вашего кода? )))
Всё, что касается вашей проблемы.

Кнопка, по которой вы удаляете изображения не должна быть сабмитом, а просто кнопкой type button.
И обрабатывайте клик по ней.
Вообще без всякой второй формы.

[maiskiykot]

Ankhena, А я по-вашему что делаю?

[Ankhena]

maiskiykot,

А я по-вашему что делаю?

без понятия, вы же так и не удосужились сделать песочницу.

Либо показывайте ваши экзерсисы либо поиграйте в угадайки с кем-нибудь другим или ждите вдруг добряк придет и напишет код за вас.

[maiskiykot]

Так я все уже показал. Кнопку нарисовать? или написать onclick специально для вас?

[Ankhena]

maiskiykot, ни для кого не нужно писать onclick. Пишите для всех addEventListener
типа того https://jsfiddle.net/L3ex498f/

[maiskiykot]

Ankhena, Все из-за того, что я не очень знаю javascript, хотя постоянно приходится им пользоваться в приложениях. В вышеприведенной функции пропушено объединение формы с body. Потому и срабатывала основная форма

[Ankhena]

maiskiykot, я вам дала вменяемый пример. Но если хотите развлечений, кто же запретит :)

[maiskiykot]

Ankhena, Вы там удаляете элементы DOM а мне надо было удалять элементы из базы - изображения (PHP)

[Ankhena]

maiskiykot, господи, какая разница, что с ними делать...

[maiskiykot]

Так у вас там даже нет отправки формы, а у меня основной головняк с этим был. В любом случае спасибо за участие!

Answer 1

[maiskiykot]

Копи-паст сыграл злую шутку - пропущено объединение my_form и body

my_form=document.createElement('FORM');
                   my_form.name = 'delete';
                   my_form.method='DELETE';
                   my_form.action= this.value;
                   +++document.body.appendChild (my_form);+++
                    my_form.submit();