Como selecionar itens e gravar num arquivo?

[Paulo Ladeira 0]

Preciso selecionar itens de acessórios de um veículo nessa tag dropdown do bootstrap4 e depois gravar em outro arquivo dos acessórios de um veículo. Os itens devem ficar marcados para ter a visualização do que está sendo incluído Tirei a classe dropdown-item porque a caixa que mostra os acessórios fica totalmente desposicionada. Como se faz para selecionar itens e depois gravar todos eles em outro arquivo? Tem algum código que posso me basear? Não encontro algo que possa me ajuda..!

 

<div class="container-fluid">
  <div class="dropdown">
      <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
      Acessórios
      </button>
      <div class="dropdown-menu" style="font-size:14px";>
           <?php
            $sql = "SELECT * FROM $arquivo_ac";
            $result_ac= mysqli_query($strcon,$sql);
            while ($row = mysqli_fetch_array($result_ac)) { 
                   $acessorio = $row['acess_descr'];
                   echo utf8_encode("$acessorio<br>");
            } 
            ?>
      <br> 
      <button type="button" class="btn btn-primary">
       Gravar
      </button>
      </div>
 </div> 
</div>

[Williams Duarte 431]

Melhor manipular via DOM, e separar javascript de html, html de php e por ai vai!

 

https://tableless.com.br/entendendo-o-dom-document-object-model/

[Paulo Ladeira 0]

Essa é a minha dificuldade no momento, separar os códigos! Estive verificando, e o Ajax também é uma boa forma, acredito!. Vou investir em DOM e Ajax!  Pergunto ! Tem algum código pronto ou parecido, onde eu possar me guiar para fazer da forma como mostra a imagem? Minha primeira dificuldade seria, como mostrar os itens vistados em um multiselect, e a outra é gravar de uma vez só todos os itens selecionados.