如何通過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();