Skip to main content
se añadieron 176 caracteres en el cuerpo
Origen Enlace

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

window.addEventListener('load', function(){

    document.getElementById("ver").addEventListener('click', function(){
    
    let valor = document.getElementById('data').value;
    if(valor == ''){
        console.log('No ha selecionado ninguna opcion');
    
    }else{

    let http = new XMLHttpRequest();
    let data = new FormData();

    data.append('option', valor);

    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 $_POST de un select

window.addEventListener('load', function(){

document.getElementById("ver").addEventListener('click', function(){

let htmlElement = document.getElementById('data');

let valor = htmlElement.value;
let i = htmlElement.length;
let elemento = document.getElementsByTagName('option');

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', textoElemento);

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 texto de un select en $_POST

Origen Enlace

window.addEventListener('load', function(){

    document.getElementById("ver").addEventListener('click', function(){
    
    let valor = document.getElementById('data').value;
    if(valor == ''){
        console.log('No ha selecionado ninguna opcion');
    
    }else{

    let http = new XMLHttpRequest();
    let data = new FormData();

    data.append('option', valor);

    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 $_POST de un select