Как передать данные формы из 3 seleсt и отобразить их ниже на экране?

bichukov, то, что в предпросмотре у вас чего-то нет зависит только от вас, а ещё точнее - от вашего скрипта, как и что вы там обрабатываете.
Вы посмотрите на отправленные данные - там есть ваши селекты, вернее имя и значение селектов.

Как передать данные формы из 3 seleсt и отобразить их ниже на экране?

bichukov,

let data = new FormData( document.querySelector('form'));

Уже все три в форме. Вы уже их отправляете в

xhr.open( 'POST', 'mysqli.php' );
xhr.send( data );

Как передать данные формы из 3 seleсt и отобразить их ниже на экране?

bichukov, почему submit формы?
Вам же нужно отобразить данные до отправки формы. Т. е. при выборе товара. Тогда слушать надо селекты и от них уже делать запросы на предоставление информации. Вот в этом направлении стройте логику приложения.
А по сабмиту вы уже перенаправляете на кабинет заказа (оплата, просмотр, etc... )

Как передать данные формы из 3 seleсt и отобразить их ниже на экране?

Глобально хранить все данные в JS по $article, $article1, $article2.
Подход к реализации может измениться. Я не уверен, что вам можно, да и нужно ли, сводиться к цене во время заказа. Конечно дело каждого, но я бы не стал.
Цена, как понимаю, здесь только для информации клиента нужна, но никак не для выбора конкретного товара.

Как отрендерить Диаграмму при помощи mPDF?

В html в браузере выглядит всё нормально

Значит диаграмму строите уже на фронте с помощью JS.
Тогда смотреть в сторону jsPDF

Как вывести текст из ячейки БД MySQL?

Т. е. справки нет? https://www.php.net/manual/ru/mysqli.query.php
В принципе объяснять не надо. Там всё есть.

Как получить доступ к созданным элементам?

snake2, ну попробуйте создать селект с опциями и повесить на них слушатель. Получилось?
Вам нужно слушать сам селект а не опции.

Как получить доступ к созданным элементам?

А где вы создали элемент? У вас по коду этого нет. Вы обращаетесь уже существующим. Вернее ищите их.

Как в input file добавит значение из внешнего источника?

Andrei258 давай более подробно расписывай задачу.
Нужна какая то кнопка для выбора изображений на сервере? Если сервер не ваш, то это мало возможно.
Какая CMS?

Как свойство sold попадает через агументов col.A и col.B и куда или в какую перменную возвращает return?

Потому что свойства есть у сортируемых объектов.
Читаем и вникаем - Array.prototype.sort()

Есть база автомобилей(марка модель) в JSONе не могу сделать связанные селект, что бы при выборе марке выпадали модели?

В чём проблема то? Именно проблема, а не вопрос "сделать за вас".

Как правильно создать маску ссылки для регулярного выражения?

https://regex101.com/r/ghPMJT/1

JQuery - выполнять клик до исчезновения ссылки?

Ysery, не понятно зачем именно 4 раза нужен клик. Вообще нужно по идее сделать так:
нашёл элемент, клонировал, вставил вниз body, кликай сколько нужно, удалил элемент.

Как сделать у красного svg градиент?

newaitix,

И это с телефона

Как сделать у красного svg градиент?

newaitix, увы, но он там есть.
Как сделать вам под вашу задачу - думать вам. Я вам показал только направление.
Я не уверен, что вы остановились только на 40 )))

Как сделать у красного svg градиент?

https://jsfiddle.net/8gyaq6sv/

Почему js цикл do while не работает?

инфа не выводится, цикл не запускается

https://jsfiddle.net/m5da638w/
Всё запускается даже с телефона.

Как при верстке многостраничных сайтов адекватнее групировать страницы?

Складывать нужно index в папку. Внутренние страницы раздела рядом. В разработке использовать препроцессоры.
Это чтобы показать заказчику. Ему абсолютно параллельно ваши действия "под капотом".
Что будет делать и как бек и фронт для реализации задуманного - это второй шаг и вас он меньше всего должен беспокоить, если вы будете делать именно так.
Главное - верстальщику нужно знать, под какую именно систему делаются шаблоны. Это чтобы не допускать грубых ошибок. Bitrix, Joomla, WordPress, ModX, Evo и т.д. - это всё разные системы и, соответственно, каждая имеет свои нюансы.

Как обновить селект2 после клонирования?

https://jsfiddle.net/2bad0z94/
И читаем доки - https://select2.org/programmatic-control/add-selec...

Как обновить селект2 после клонирования?

Вы в коде где добавляете второй option?
Вы только клонируете и ничего более не делаете. Что добавить вторым option вы знаете, осталось только добавить его. Т.е. создать, заполнить и вставить.