如何使用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();