<select> öğesinde seçilen <seçenek> metnini alma

Aşağıda:

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

JavaScript kullanarak seçilen seçeneğin metnini nasıl alabilirim (yani "Birini Test Et" veya "İki tane Test Et")

document.getElementsById('test').selectedValue 1 veya 2 değerini döndürürse, hangi özellik seçilen seçeneğin metnini döndürür?

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

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

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

var text = getSelectedText('test');

JQuery kullanıyorsanız, aşağıdaki kodu yazabilirsiniz:

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

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

HTML5 altında bunu yapabilirsiniz:

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

MDN'nin https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedOptions adresindeki belgeleri, Chrome, Firefox, Edge ve mobil tarayıcılar dahil olmak üzere tam çapraz tarayıcı desteğini (en az Aralık 2017 itibarıyla) gösterir. , ancak Internet Explorer hariç.

selectElement.options[selectElement.selectedIndex].text;

Referanslar:

• seçenekler koleksiyonu, selectedIndex özelliği: HTML DOM Nesne Seç
• text özelliği: HTML DOM Seçenek Nesnesi
• tam olarak bu sorunun cevabı: Seçenek metni Özellik

optionsMülkiyet içerdiği tüm <options>- Eğer orada bakabilirsiniz dan.text

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

selectedIndexSeçilen akımı almak için kullanabilirsiniz option:

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

this.options [this.selectedIndex] .innerText

Bu konuyu bulduysanız ve seçilen seçenek metnini olay yoluyla nasıl alacağınızı öğrenmek istiyorsanız, örnek kod şöyledir:

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

Kendi seçili seçenekler dizinini tanımlamak için seçim listesi nesnesini kullanın. Oradan - bu dizinin iç HTML'sini alın. Ve şimdi bu seçeneğin metin dizesine sahipsiniz.

<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>

Düz javascript ile jQuery olmadan @artur'a benzer:

// @ Sean-bright'in "elt" değişkenini kullanma

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

Kolay, basit bir yol:

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