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