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

Question

My select box is as follows:

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

I want to get the value of option - B without selecting it.

With jQuery I can do the opposite ie get the text when I know the value through following:

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

But I want the reverse. I tried with following but not working:

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

How can I do this?

Answer 1

Use the :contains selector.

Assuming "owner" really is the ID of your <select> (it's "list" in your example), you can use:

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

Answer 2

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

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

Answer 3

You can use .filter to get the right option element:

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

http://jsfiddle.net/JWjKf/

Answer 4

try this

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

see here : http://jsfiddle.net/MxpTZ/1/

Answer 5

Try this script

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

oR

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

Answer 6

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

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