如何使用jquery获取DropDown的文本值？

Question

大家好我有一个有值

 <select id="displaytype"> 
     <option value="1002">TextBox</option> 
     <option value="1003">CheckBox</option>  
     </select> 

    var value="option value like(1002)" want the text of this value 

现在我有下拉的使用这个值的值之一某些选项的下拉列表中，我应该得到的价值从下拉文本任何一个可以帮助我在这里

Answer 1

您可以使用text（）选定选项来获取选择文本。

Live Demo

alert($('#displaytype').val());     //for getting selected item value 
alert($('#displaytype option:selected').text()); //for getting selected item text 

要经过所有的选项，并得到他们的文本（），您可以使用each()

Live Demo

$('#btn').click(function() { 
    $('#displaytype option').each(function() { 
     alert($(this).text()); 
    }); 
});​ 

Answer 2

要获取选项的文本，而不是其值，您可以使用.text()方法。

获取所选选项的文本，你可以使用option:selected选择：

$("#displaytype option:selected").text(); 

如果你想获得一个特定的选项的文本，您可以使用:eq()选择或.eq()方法，以选择在一定的索引的元素（从零开始）：

// Get the text of the first option in the select list 
$("#displaytype option:eq(0)").text(); 
$("#displaytype option").eq(0).text(); 

Demo

Answer 3

如果你想下拉的价值：

$('#displaytype').val(); 

，如果选择的选项的文字：

$('#displaytype option:selected").text(); 

Answer 4

如果没有选择的选择，但要通过价值得到文本：

$('#displaytype option[value=1002]').text();