Recuperando o texto da <opção> selecionada no elemento <selecionar>

Na sequência:

<select id="test">
    <option value="1">Test One</option>
    <option value="2">Test Two</option>
</select>

Como posso obter o texto da opção selecionada (por exemplo, "Teste Um" ou "Teste Dois") usando JavaScript

document.getElementsById('test').selectedValue retorna 1 ou 2, que propriedade retorna o texto da opção selecionada?

function getSelectedText(elementId) {
    var elt = document.getElementById(elementId);

    if (elt.selectedIndex == -1)
        return null;

    return elt.options[elt.selectedIndex].text;
}

var text = getSelectedText('test');

Se você usa jQuery, pode escrever o seguinte código:

$("#selectId option:selected").html();

document.getElementById('test').options[document.getElementById('test').selectedIndex].text;

No HTML5, você pode fazer isso:

document.getElementById('test').selectedOptions[0].text

A documentação da MDN em https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedOptions indica suporte completo a vários navegadores (a partir de dezembro de 2017), incluindo Chrome, Firefox, Edge e navegadores móveis , mas excluindo o Internet Explorer.

selectElement.options[selectElement.selectedIndex].text;

Referências:

• coleção de opções, propriedade selectedIndex: HTML DOM Select Object
• propriedade de texto: Objeto de opção DOM HTML
• exatamente a resposta desta pergunta: Texto da opção Propriedade

A optionspropriedade contém todos os <options>- a partir daí você pode ver.text

document.getElementById('test').options[0].text == 'Text One'

Você pode usar selectedIndexpara recuperar o atual selecionado option:

el = document.getElementById('elemId')
selectedText = el.options[el.selectedIndex].text

this.options [this.selectedIndex] .innerText

Se você encontrou este tópico e queria saber como obter o texto da opção selecionada via evento, aqui está o código de exemplo:

alert(event.target.options[event.target.selectedIndex].text);

Use o objeto de lista de seleção para identificar seu próprio índice de opções selecionadas. A partir daí - pegue o HTML interno desse índice. E agora você tem a sequência de texto dessa opção.

<select onchange="alert(this.options[this.selectedIndex].innerHTML);">
       <option value="">Select Actions</option>
       <option value="1">Print PDF</option>
       <option value="2">Send Message</option>
       <option value="3">Request Review</option>
       <option value="4">Other Possible Actions</option>
    </select>

Semelhante ao @artur apenas sem jQuery, com javascript comum:

// Usando a variável "elt" de @ Sean-bright

var selection=elt.options[elt.selectedIndex].innerHTML;

Maneira fácil e simples:

const select = document.getElementById('selectID');
const selectedOption = [...select.options].find(option => option.selected).text;