Tengo el siguiente problema, tengo un select
y necesito tomar el valor seleccionado y colocarlo como parte del caption
de un datatable
les adjunto código del select
que se carga con una consulta:
<div class='col-md-4' style="">
<label>Seleccione Destino</label>
<select class='form-control' name='destino' id='destino' >
<option value="">Selecciona Area destino</option>
<?php
$query_area = mysqli_query($conn, "select id_area, area from areas
where area <> 'Auditoría' order by area asc");
while ($rw = mysqli_fetch_array($query_area)) {
?>
<option value="<?php echo $rw['id_area']; ?>"><?php echo
$rw['area'];
$rw['id_area']; ?></option>
<?php
}
?>
</select>
</div>
Adjunto el script
con el que cargo el datatable
haciendo una consulta
<script type="text/javascript">
function listar(){
var destino = document.getElementById('destino').value;
var table = $("#auditoria").DataTable({
"destroy": true,
"order": [0, 'desc'],
"ajax": {
"method": "POST",
"url": "data/getarea.php",
"data": function (d) {
return $.extend({}, d, {
"idarea": $('#idarea').val()
});
}
},
"columns": [{
"data": "id"
}, {
"data": "nombre"
}, {
"data": "marca"
}, {
"data": "proveedor"
}, {
"data": "inicial"
}, {
"data": "fecha"
}, {
"data": "expediente"
}, {
"data": "actual"
}
],
}
</script>
Adjunto el table
que tengo para los datos de la consulta
<table id="auditoria" class="table table-hover table-bordered" cellspacing="0" width="100%">
<caption> listado de Productos </caption>
<thead >
<tr>
<th>Código</th>
<th>Nombre</th>
<th>Marca</th>
<th>Proveedor</th>
<th>Cantidad Inicial</th>
<th>Fecha</th>
<th>Expediente</th>
<th>Sotck actual</th>
</tr>
</thead>
</table>
Adjunto imagen de la pagina:
caption
cada vez que se cambie elselect
?