如何從select元素中獲取選定選項的文本？

Question

編輯：HTML和js波紋管是一個簡化版本。查看我帖子底部的jsfiddle鏈接，以充分了解我的問題。

---

我有選擇HTML元素：

<select name="foo" id="foo"> 
<option value="1">a</option> 
<option value="2">b</option> 
<option value="3">c</option> 
</select> 

我想用jQuery選擇的選項的標籤。然而，這，：

alert($("#foo option:selected").text()); 

返回：

a 
b 
c 

我希望得到公正，例如：

b 

的jsfiddle：http://jsfiddle.net/8KcYY/1/（點擊 「Vybraťznačku」 按鈕）。

Answer 1

這工作：

<select name="foo" id="foo"> 
<option value="1">a</option> 
<option value="2">b</option> 
<option value="3">c</option> 
</select> 
<input type="button" id="button" value="Button" /> 

$('#button').click(function() { 
    alert($('#foo option:selected').text()); 
}); 

自己嘗試一下：http://jsfiddle.net/Nyenh/

更簡單：

$('#foo').change(function(){ 
    var selected = $(this).find('option:selected'); 
    alert(selected.val() + ' ' + selected.text()); 
}); 

http://jsfiddle.net/qtRhQ/1/

Answer 2

$("#dropdownlistID").text(); 

這將顯示您的「下拉列表」中的所有位置。要獲得唯一入選的項目使用：

$("#dropdownlistID").val(); 

或嘗試如

$("#foo").find(":selected").text() 

，而不是

$("#foo option:selected").text()