從下拉框中獲取文本？

這將得到我的下拉菜單中選擇的值。從下拉框中獲取文本？

document.getElementById('tester').value

但是我不知道下拉菜單中當前顯示的文本的屬性。我嘗試過「文本」，然後看着W3Schools，但沒有答案，這裏有人知道嗎？

對於那些不確定的，這裏是一個下拉框的HTML。

<select name="tester" id="tester"> 
    <option value="1">A skill</option> 
    <option value="2">Another skill</option> 
    <option value="3">Yet another skill</option> 
</select>

感謝

來源

2012-11-05 Epik

jQuery的結帳[http://stackoverflow.com/questions/1643227/jquery-get-selected-text-from-下拉列表]（http://stackoverflow.com/questions/1643227/jquery-get-selected-text-from-dropdownlist）。對於純粹的JavaScript檢查http://stackoverflow.com/questions/5913/getting-the-text-from-a-drop-down-box。 – cbayram

嘗試

var tester = document.getElementById('tester'); 
var text = tester.options[tester.selectedIndex].innerHTML;

DEMO

來源

2012-11-05 23:32:00 Musa

謝謝你，這是我正在尋找真棒不錯的工作和非常快速的回報！ – Epik

'option' DOM對象確實有'text'屬性，所以'.text'也應該在這裏工作：'var text = tester.options [tester.selectedIndex] .text;'' –

Text looks good to me - jsFiddle

$('#tester').on('change', function(){ 
    console.log($('option:selected', this).text()); 
});

來源

2012-11-05 23:31:09 Ohgodwhy

我想你想是這樣的：

var d = document.getElementById('tester'); 
var selected_text = d.options[d.selectedIndex].text;

（這是未經測試，但你的回答應與此類似）

來源

2012-11-05 23:32:04 DorkRawk

從下拉框中獲取文本？

回答

相關問題