如何通过javascript中的选项获取选择框元素的值？

Question

我的选择框如下：

<select id='list'>
    <option value='1'>A</option>
    <option value='2'>B</option>
    <option value='3'>C</option>
</select>

我想获取选项-B的值而不选择它。

使用jQuery，我可以做相反的事情，即当我通过以下方法知道值时获取文本：

$("#list option[value='2']").text();

但我要相反。 我尝试了以下但不起作用：

 $("#owner option['B']").val();  

我怎样才能做到这一点？

Answer 1

使用:contains选择器。

假设“所有者”确实是您的<select>的ID（在您的示例中为“列表”），则可以使用：

 $("#owner option:contains('B')").val() // 2

Answer 2

您可以使用:contains(text)选择器，仅获取包含某些文本的元素：

$("#list option:contains('B')").val();

Answer 3

您可以使用.filter获取正确的option元素：

$("#list option").filter(function() {
    return $(this).text() == "B";
}).val();

http://jsfiddle.net/JWjKf/

Answer 4

尝试这个

var b = $("#list").find('option:contains("B")').val();

看到这里： http : //jsfiddle.net/MxpTZ/1/

Answer 5

试试这个脚本

  $('#list option:contains("B")').prop('value') //jquery 1.6 or later

要么

$('#list option:contains("B")').attr('value');

Answer 6

如果要按位置获取元素，可以执行以下操作：

$('#list').children().eq(1).val();