I am currently sending data with AJAX, but with a select, as shown in this code, show.php:
<!DOCTYPE html>
<html>
<head>
<title>select</title>
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script >
$(document).on('ready',function(){
$('#estado').on('change',function(){
$.ajax({
type: "POST",
url: 'guardar.php',
data: $("#formulario").serialize(),
success:function(data)
{
$('#grafica').html(data);
}
});
});
});
</script>
</head>
<body>
<form method="post" id="formulario">
<select name="estado" id="estado" style="width: 150px;height:25px;background-color: #FFFFFF">
<option value="">Seleccione una opcion</option>
<option value="TODOS">TODOS</option>
<option value="ENERO">ENERO</option>
<option value="FEBRERO">FEBRERO</option>
<option value="MARZO">MARZO</option>
<option value="ABRIL">ABRIL</option>
<option value="MAYO">MAYO</option>
<option value="JUNIO">JUNIO</option>
<option value="JULIO">JULIO</option>
<option value="AGOSTO">AGOSTO</option>
</select>
</form>
<div id="grafica"></div>
</body>
</html>
then it is sent to save.php, which returns the selected value to the div of id="graphic"
<?php
$x_z=$_POST["estado"];
echo "ESTAMOS EN EL MES: ".$x_z;
?>
My question would be if you can use the multiselect, with onchange, to take more than one option and send to save.php