window.addEventListener('load', function(){
document.getElementById("ver").addEventListener('click', function(){
let htmlElement = document.getElementById('data');
let valor = htmlElement.value;
let i = htmlElement.length;
let valorelemento = document.getElementByIdgetElementsByTagName('data''option').value;;
var textoElemento;
while(i--){
if(valor == ''elemento[i].value){
textoElemento = elemento[i].textContent;
}
}
if(textoElemento == ''){
console.log('No ha selecionado ninguna opcion');
}else{
let http = new XMLHttpRequest();
let data = new FormData();
data.append('option', valortextoElemento);
http.onreadystatechange = function(){
if(http.readyState == 4 && http.status == 200){
let post = http.responseText;
alert(`Array de option: ${post}`);
}
}
http.open('POST','url',true);
http.send(data);
}
});
});
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<select id="data">
<option value="0" hidden>Seleccione una opción</option>
<option value="1">Opción 1</option>
<option value="2">Opción 2</option>
<option value="3">Opción 3</option>
</select>
<br>
<button id="ver">TEST</button>
<body>
<html>
Para poder testear pones el fragmento de codigo en php
<?php print_r($_POST); ?>
En la parte del AJAX cambiar "url" por la direccion de tu fichero php para obtener la respuesta o confirmar el valor de tu select enviado, en esta parte:
http.open('POST','url',true)
De esta forma puedes obtener el $_POSTtexto de un select en $_POST