Я не уверен, что именно ваши проблемы, но если вы хотите провести различие между двумя формами CF7 на одной странице и выбрать входы, вы можете сделать следующее:
- Вставить форму дваждылибо оберните их обоих в div с уникальным идентификатором
- Выберите входные данные формы, используя родительский элемент, например:
var select=document.querySelector("#form1 > #input"); (или, альтернативно, querySelectorAll).
Пример:
<html>
<body>
<div id="form1"><p id="test">Content1</p>
<div id="form2"><p id="test">Conten2t</p>
</body>
</html>
Затем JS document.querySelector("#form1 > #input"); выберет первого вложенного потомка.
(Возможно, самым лучшим решением было бы, если бы идентификаторы были уникальными, но я не знаю, поддерживает ли CF7 многократное внедрение формы при сохранении уникальных идентификаторов. Или выберите входные данные на основе других (пользовательских) свойств иродитель.)