Speichern Sie mehrere Dropdown-Auswahl aus einer Tabelle - PHP MySQL

Question

Ich habe eine Tabelle mit einer Spalte mit Dropdown-Auswahl. Wie speichere ich die ausgewählten Optionen auf "Speichern" Klicken Sie auf "Meine Datenbank".

habe ich versucht, die folgenden aber ich kann nicht alle Daten in das Array zu bekommen scheinen:

TABLE DISPLAY

DROPDOWN IN DER TABELLE:

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

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

Das ID-Attribut eines Elements muss eindeutig sein. $ ('serviceProviders') sollte nur ein Select-Element zurückgeben. Versuchen Sie, die Spaltennummer an die ID anzuhängen, um sie eindeutig zu machen.

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

Und in Ajax-Aufruf Surround-Eigenschaftsnamen mit Anführungszeichen - Daten: { 'id': id}