[WePlexus]

Сперва поясните почему и поля ввода и списки имеют одно и тоже имя? Как вы думаете, что при этом получите на сервере?

Это в смысле названия-массивы. Когда проверяю глобальный массив POST, то там названия идут такие: product[0], product[1]. Думал для JS тоже можно по массивам названий проверять.

Тогда можно вот так:

<!-- Поле и список 1 -->
<input type="text" id="product_id_1" name="product_id[]">
<select id="product_1" name="product[]"> 
  <option value="0"> Прейсткурант 1 </option> 
  <option value="1"> Товар 1 </option> 
  <option value="2"> Товар 2 </option> 
  <option value="3"> Товар 3 </option> 
</select>

<!-- Поле и список 2 -->
<input type="text" id="product_id_2" name="product_id[]">
<select id="product_2" name="product[]"> 
  <option value="0"> Прейсткурант 2 </option> 
  <option value="1"> Товар 1 </option> 
  <option value="2"> Товар 2 </option> 
  <option value="3"> Товар 3 </option> 
</select>