Skip to main content
3 de 6
se añadieron 838 caracteres en el cuerpo; título editado
Mikel
  • 31
  • 6

Como guardar en la BDD valores de un select2 multiple PHP

Estoy tratando de guardar cada valor individualmente de un select2 multiple, por lo que si esa etiqueta añadida no esta la base de datos se insertara. etiquetas_back.php:

        $etiquetas = $_POST['etiquetas'];
        foreach ($etiquetas as $etiqueta){

            //comprobar si existe
            $sql = mysqli_query($con,"SELECT * FROM tags WHERE tag='$etiqueta'");

            if ($row = mysqli_fetch_array($sql)){
            //la etiqueta no existe
            }else{
                //introducir la nueva etiqueta en la bdd
                mysqli_query($con, "INSERT INTO tags (tag) VALUES ('$etiqueta')");
            }
        } 

Pero me inserta solo un objeto [object HTMLSelectElement] , como puedo solucionar esto? y que me inserte el valor de cada etiqueta.

El select2 esta dentro de un formulario que envia los datos al hacer submit: etiquetas.php:

                <form method="POST" action="" name='guardar' id="guardar"  onsubmit="save"()>

               <select class="select-etiqueta" name="etiquetas[]" id="select2" multiple="multiple">
               <?
                   $sql = $con->query("SELECT * FROM tags");
                   while ($row = mysqli_fetch_array($sql)) {
                          $etiqueta = $row['tag'];
                          echo '<option value="'.$etiqueta.'">'.$etiqueta.'</option>';
                   }
               ?>
               </select>

               <button type="submit">Registrar</button>

Esta es la parte del script del select2, para crear nuevas etiquetas y añadirlas entre las opciones al momento:

<script>
    $(document).ready(function() {
        $('.select-etiqueta').select2({
            tags: true,
            tokenSeparators: [',', ' '],
            createTag: function (params) {
                var term = $.trim(params.term);

                if (term === '') {
                    return null;
                }

                return {
                    id: term,
                    text: term,
                    newTag: true 
                }
            },
            insertTag: function (data, tag) {
                data.push(tag);
            }
        });
    });
</script>

Para mandar los datos el archivo de javascript: etiquetas.js:

    function save(){
        var form_data = new FormData();
        form_data.append("etiquetas[]", document.getElementById('select2')); 

$.ajax({
        dataType: 'text', 
        cache: false,
        contentType: false,
        processData: false,
        type: 'POST',
        url: 'php/etiquetas_back.php',
        data: form_data});  
} 
Mikel
  • 31
  • 6