Добавленный выбор не отправляет данные в массив

Question

Различные поля выбора проходят через функцию добавления в разных идентификаторах.

Каждое поле выбора имеет свой собственный идентификатор, и когда я создаю это поле выбора добавления, я также добавляю поле ввода.

Когдапользователь выбирает опцию формы, выберите раскрывающееся значение, и оно перейдет в собственное поле ввода, но проблема, с которой я сталкиваюсь, заключается в том, что первый добавленный раскрывающийся список отправляет данные в поле ввода, а другие не отправляют.Ниже мой код.

 function make_variants(obj){
   
    var allVals = [];
    
	$('#variant_selectpicker'+obj).each(function() {
		var found = jQuery.inArray($(this).val(), allVals);
        
		if (found < 0) {
			allVals.push($(this).val());
            
		} 
      });
	
	var data = allVals;
    
    $('#variant_unit'+obj).val(data);   
    
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="hidden" name="variant_unit[]" id="variant_unit+'obj'" value="">

    <select name="" id="variant_selectpicker+'obj'" 
    onchange="make_variants('obj')" class="selectpicker variant_selectpicker" multiple="">
      <optgroup label="Weight" data-max-options="1">
         <option value="kg">2kg</option>
         <option value="5af1c381e2240">6 kg</option>
         <option value="5af1c390ce765">4 kg</option>
       </optgroup>
     </select>