jquery - jQuery 1.8.2 - 如何从仅包含文本的选择中获取选项？

Question

简单地说，使用这个：

<select id="Test">
    <option value="1">ABC</option>
    <option value="2">DEF</option>
</select>

如何使用 jQueryoption[value="2"]仅使用“DEF” - 请记住我使用的是 1.8.2

谢谢！

Answer 1

尝试:contains()选择器：

$('#Test option:contains("DEF")')

小提琴

请注意，这:contains()是通配符搜索。如果您需要完全匹配，我认为您只需要迭代或过滤选项并检查text(). 这是一种可能性：

http://jsfiddle.net/YuK2K/

console.log(getOptionByText('Test', 'DEF'));

function getOptionByText(id, value) {
    return $('#' + id).find('option').filter(function() {
       return $(this).text() == value; 
    });
}

Answer 2

contains如果您确定之前出现的其他选项不包含该值，则可以使用。请注意，包含通配符匹配不是完全匹配。相反，您可以通过这种方式进行完全匹配。

$('#Test option').filter(function () {
    return this.innerHTML === 'DEF'
}).val();

小提琴

Answer 3

它有帮助吗？

$( '#Test option' ).each( function() {
    if ( $( this ).html() == 'DEF' ) {
        alert( $( this ).val() );
    }
} );

Answer 4

$("select option:contains('ABC')")

这是示例 - http://jsfiddle.net/maximua/7fF7M/