php - 保存表中的多个下拉菜单选择 - PHP MySQL

Question

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

我尝试了以下操作，但似乎无法将任何数据放入数组中:

表格显示

表中的下拉菜单:

<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>

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); 

                           }  
                      }  
                 });  
            }  


  });  

Answer 1

元素的ID属性必须是唯一的。 $('serviceProviders') 应该只返回一个选择元素。尝试将列号添加到 id 后缀，以使其唯一。

var id = []
for (var i = 1; i <= MaxColNo; i++) {
  var e = document.getElementById("serviceprovider" + i);
  var text = e.options[e.selectedIndex].text;
  id[i] = text;
}

并在ajax中调用带引号的属性名称 - data :{'id':id}