我需要哪个选择器来选择一个文本选项?

我需要检查<select>是否有一个文本等于特定值的选项。

例如，如果有一个<option value="123">abc</option>，我将寻找"abc"。

有选择器来做这个吗?

我在寻找类似于$('#选择选项[值="123"]');除了文本。

当前回答

这在jQuery 1.6中是有效的(注意:在开括号前是冒号)，但是在新版本(当时是1.10)中无效。

$('#mySelect option:[text=abc]")

其他回答

这是我在jquery V3.6.0的工作在2022年

$("#select >option").filter( function()
{
    if ($(this).text() === "123")
    {
        $(this).prop("selected", true);
    }
});

您可以使用:contains()选择器来选择包含特定文本的元素。例如:

$('#mySelect option:contains(abc)')

要检查给定的<select>元素是否有这样的选项，使用.has()方法:

if (mySelect.has('option:contains(abc)').length)

要查找所有包含此选项的<select>，请使用:has()选择器:

$('select:has(option:contains(abc))')

使用以下

$('#select option:contains(ABC)').val();

您可以遍历选项，也可以将相同的文本放在选项的另一个属性中并使用该属性进行选择。

我尝试了其中的一些功能，直到我找到了一个可以同时在Firefox和IE中运行的功能。这是我想到的。

$("#my-Select").val($("#my-Select" + " option").filter(function() { return this.text == myText }).val());

另一种更容易读懂的写法:

var valofText = $("#my-Select" + " option").filter(function() {
    return this.text == myText
}).val();
$(ElementID).val(valofText);

伪代码:

$("#my-Select").val( getValOfText( myText ) );

推荐文章