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()方法。

要获取所选选项的文本，您可以使用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 2

您可以对所选选项使用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 3

如果您想要下拉列表的值：

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

以及所选选项的文本：

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

Answer 4

如果未选择选项但您希望按值获取文本：

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

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

4 个答案: