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

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

<p>
<input type="text" name="phone[]" placeholder="Телефон"/>
<select name="messenger[]" multiple="multiple" class="messenger">
<option value="WhatsApp">WhatsApp</option>
<option value="Telegram">Telegram</option>
<option value="Viber">Viber</option>
</select>
<input type="button" value="Удалить" onclick="removePhone(this)">
</p>


Вопрос - как мне на стороне сервера сопоставлять у какого номера телефона какие есть мессенджеры?
то есть в идеале мне нужно получить что-то вроде:

89211234567 whatsapp, viber
89051234567 telegram, viber
89111234567 viber, whatsapp

Может быть сама форма неправильно сделана?

Прошу подсказать.

да. я вот тоже прихожу к этому мнению.
то есть если у нас три номера телефона.
то как то вот так генерировать формы
<p>
<input type="text" name="phone-1" placeholder="Телефон"/>
<select name="messenger" multiple="multiple" class="messenger">
<option value="WhatsApp-1">WhatsApp</option>
<option value="Telegram-1">Telegram</option>
<option value="Viber-1">Viber</option>
</select>
<input type="button" value="Удалить" onclick="removePhone(this)">
</p>
<p>
<input type="text" name="phone-2" placeholder="Телефон"/>
<select name="messenger" multiple="multiple" class="messenger">
<option value="WhatsApp-2">WhatsApp</option>
<option value="Telegram-2">Telegram</option>
<option value="Viber-2">Viber</option>
</select>
<input type="button" value="Удалить" onclick="removePhone(this)">
</p>
<p>
<input type="text" name="phone-3" placeholder="Телефон"/>
<select name="messenger" multiple="multiple" class="messenger">
<option value="WhatsApp-3">WhatsApp</option>
<option value="Telegram-3">Telegram</option>
<option value="Viber-3">Viber</option>
</select>
<input type="button" value="Удалить" onclick="removePhone(this)">
</p>

понимаю что это js.
какие темы гуглить?

vkle,

спасибо.
Прихожу к мысли что легче использовать JSON и передавать структуру данных на сервер,

только вопрос.
какой должен быть порядок действий?
1) Я должен сначала создать объект на js.
1.а) выдернуть данные из форм и "засетить" объект этими значениями

2) потом перевести объект в json строку.
2.а) и отправить на сервер.

и все это (1 и 2) повесить на событие?

или есть готовые методы для генерации json из веб форм?

vkle,

дело в том, что на сервер отправляются однотипные данные.
мне нужно как то различать их на приёме.
number1 имеет messenger1, messenger2, messenger3...
number2 имеет messenger1, messenger2, messenger3...

да. без перезагрузки страницы, нужна форма для добавления нового номера телефона.

у меня по мере изучения возник другой вопрос.
Подскажите, пожалуйста, как я могу штатными средствами броузера (инструменты разработчика chrome/firefox) без сервера тестировать мордочки?
а именно смотреть какие данные формируются при отправке формы или json?

<<((просто надоедает постоянный редеплой делать, хоть все и автоматически. использую tomcat/servlet/jsp>>

вадя,

можно подроблее?
nb - Net beans?