<select> elemanı seçilen <option> metnini aşağıdaki yılında

Question

alınıyor:

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

nasıl seçilen seçeneğin metin alabilirsiniz (yani "Test biri" ya da "Testi İki") JavaScript

kullanarak

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

Answer 1

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

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

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

var text = getSelectedText('test'); 

Answer 2

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

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

Answer 3

bakabilirsiniz oradan jQuery kullanmak istersek aşağıdaki kodu yazabilirsiniz:

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

Answer 4

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

Answer 5

Benzer

düz javascript ile, sadece jQuery olmadan @artur için:Sean parlak en @ kullanma // bunu yapmak mümkün olacak HTML5 altında

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

Answer 6

değişkeni "elt":

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

Ancak tarayıcı desteği şu anda yoktur. Krom 27 (yazma anda akım) o anda yok belirten Mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=596681 için olağanüstü böceği görmek, bu destekler, ancak.

Answer 7

selectElement.options[selectElement.selectedIndex].text; 

Referanslar:

• seçenekleri toplama, selectedIndex özelliği: HTML DOM Option Object
• tam olarak bu sorunun cevabı: Option text Property

Answer 8

Bu bulduysanız metin özelliği

HTML DOM Select Object iş parçacığı ve seçilen seçeneği nasıl alacağını bilmek istedim

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

Answer 9

this.options [this.selectedIndex] .innerText

Answer 10

Kullanım seçim listesi nesnesi, kendi seçilmiş seçenekleri endeksi tespit etmek: burada olay üzerinden metin örnek koddur. Buradan - o 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> 

Answer 11

Geçerli seçilen option almak için selectedIndex kullanabilirsiniz: her zaman olduğu gibi

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