从表中保存多个下拉列表选择-PHP MySQL

我有一个带有下拉选择列的表。如何将“保存”按钮上的选定选项保存到我的数据库中

我尝试了以下操作，但似乎无法将任何数据输入阵列：

表格显示

表格中的下拉列表：

<td width="10%" nowrap> 

<select class="bs-select form-control" name="providers[]"     id="serviceProviders" data-id="<?php echo $row["provider_id"]; ?>" id="serviceProvider" data-live-search="true" data-size="8">    
</select>

元素的ID属性必须是唯一的$（'serviceProviders'）应该只返回一个select元素。尝试将列编号作为id的后缀，以使其唯一


var id=[]
对于（var i=1；i），您应该为此尝试multi-select。如何做到这一点？id在HTML文档中必须是唯一的，您不能在多个元素上使用相同的id。和
$（“serviceProviders”）
将选择标记名为
服务提供者的元素，其中没有。请尝试确定。如果我区分ID。由于DrowDowns是自动生成的，每次加载页面时可以有不同的ID，因此如何将不同的值放入数组中。如何在JavaScript中满足这一点？
$(document).on('click', '#saveChanges', function(e){

            var id = []; 

            $('serviceProviders').each(function(i){  

                 id[i] = $(this).val();  

                   console.log('Service Provider Values are  = ' + id[i]);
            });  
            if(id.length === 0) //tell you if the array is empty  
            {  
                 alert("Please Select at least one transaction");  
            }  
            else  
            {  
                 $.ajax({  
                      url:'some_php_scrip_to_save_the_data.php',  
                      method:'POST',  
                      data:{id:id},  
                      success:function()  
                      {  
                           for(var i=0; i<id.length; i++)  
                           {  
                               // $('tr#'+id[i]+'').css('background-color', '#ccc');  
                               // $('tr#'+id[i]+'').fadeOut('slow');  

                               window.location.reload(true); 

                           }  
                      }  
                 });  
            }  


  });