А зачем так делать?
Насколько я понимаю, с точки зрения сео это неверный подход.
Н1 - это заголовок страницы, а не формы, он должен быть единстенный на странице.
Для формы заказа, например, отлично подойдет микроразметка.
Когда занимался фрилансом, за пару лет нарисовалось 2 заказчика, которые загружали меня на 100%.
Когда перешел работать в офис на фирму, большие заказы этих заказчиков перестал брать, но регулярно подкидывали "шабашки" на 1-3 часа, которые делал вечером.
Рекомендовал бы вам через биржи найти заказчиков которым нужны доработки по вашему стеку.
всякие калькуляторы отлично пишутся с vue или react.
т.к. с js или jquery задолбешься отлаживать если есть десяток параметров которые могут зависеть друг от друга
js-ом проходим по меню, если есть подменю у пункта, добавляем ему спан со стрелкой.
потом добавляется слушателя на стрелку через ON и открываем или закрываем подменю
при выборе можно перебирать все option и сверять текст в них с выбраным
или в LI добавить атрибуты с соответсвующими value из селекта, брать при выборе атрибут а не текст как сейчач
Например кейс: в галпе настроили компиляцию SCSS, PUG, autoprefixer, спрайты, минимизацию кода, картинок при билде.
Сдали проект, через время другому разработчику нужно что-то доработать.
В этом случае он копирует файлы исходников, npm install, запускает галп и дорабатывает сайт.
По моему мнению, так делать неразумно из-за снижения производительности.
Лучше навесить слушателя на их родителя и проверять при срабатывании ивента на что именно кликнули.
поэкмпериментируйте