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

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

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

有选择器来做这个吗?

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

当前回答

如回答中所述，您可以轻松地为hasText创建自己的选择器。这允许你找到$('#test').find('option:hastText("B")').val();

下面是我添加的hasText方法:

 if( ! $.expr[':']['hasText'] ) {
     $.expr[':']['hasText'] = function( node, index, props ) {
       var retVal = false;
       // Verify single text child node with matching text
       if( node.nodeType == 1 && node.childNodes.length == 1 ) {
         var childNode = node.childNodes[0];
         retVal = childNode.nodeType == 3 && childNode.nodeValue === props[3];
       }
       return retVal;
     };
  }

2015-06-25 19:14:17

其他回答

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

2010-09-19 02:24:04

这对我很有用

$('#mySelect option:contains(' + value + ')').attr('selected', 'selected');

2018-03-13 20:49:28

这对我很有用

var options = $(dropdown).find('option');
var targetOption = $(options).filter(
function () { return $(this).html() == value; });

console.log($(targetOption).val());

谢谢你的帖子。

2015-07-15 08:03:29

如回答中所述，您可以轻松地为hasText创建自己的选择器。这允许你找到$('#test').find('option:hastText("B")').val();

下面是我添加的hasText方法:

 if( ! $.expr[':']['hasText'] ) {
     $.expr[':']['hasText'] = function( node, index, props ) {
       var retVal = false;
       // Verify single text child node with matching text
       if( node.nodeType == 1 && node.childNodes.length == 1 ) {
         var childNode = node.childNodes[0];
         retVal = childNode.nodeType == 3 && childNode.nodeValue === props[3];
       }
       return retVal;
     };
  }

2015-06-25 19:14:17

我遇到了同样的问题，下面是工作代码:

$("#test option").filter(function() {
    return $(this).text() =='Ford';
}).prop("selected", true);

演示:http://jsfiddle.net/YRBrp/83/

2016-02-02 10:09:41

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

推荐文章

最新文章

标签