¿Qué selector necesito para seleccionar una opción por su texto?

Necesito verificar si a <select>tiene una opción cuyo texto es igual a un valor específico.

Por ejemplo, si hay un <option value="123">abc</option>, estaría buscando "abc".

¿Hay un selector para hacer esto?

Estoy buscando algo similar $('#select option[value="123"]');pero para el texto.

Esto podría ayudar:

$('#test').find('option[text="B"]').val();

Violín de demostración

Esto le daría la opción con texto By no las que tienen texto que contiene B. Espero que esto ayude

Para versiones recientes de jQuery, lo anterior no funciona. Como comenta Quandary a continuación, esto es lo que funciona para jQuery 1.9.1:

$('#test option').filter(function () { return $(this).html() == "B"; }).val();

Violín actualizado

Puede usar el :contains()selector para seleccionar elementos que contienen texto específico.
Por ejemplo:

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

Para verificar si un <select>elemento dado tiene esa opción, use el .has()método :

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

Para encontrar todos los <select>correos electrónicos que contienen dicha opción, use el :has()selector :

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

Ninguna de las sugerencias anteriores funcionó para mí en jQuery 1.7.2 porque estoy tratando de establecer el índice seleccionado de la lista en función del valor de un cuadro de texto, y algunos valores de texto están contenidos en múltiples opciones. Terminé usando lo siguiente:

$('#mySelect option:contains(' + value + ')').each(function(){
    if ($(this).text() == value) {
        $(this).attr('selected', 'selected');
        return false;
    }
    return true;
});

Me enfrenté al mismo problema a continuación: el código de trabajo:

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

Demostración: http://jsfiddle.net/YRBrp/83/

Esto funcionó para mí: $("#test").find("option:contains('abc')");

Este es el mejor método para seleccionar texto en la lista desplegable.

$("#dropdownid option:contains(your selected text)").attr('selected', true);

Probé algunas de estas cosas hasta que conseguí una para trabajar tanto en Firefox como en IE. Esto es lo que se me ocurrió.

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

Otra forma de escribirlo de una manera más legible:

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

Pseudocódigo:

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

Usar siguiente

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

Esto funcionará en jQuery 1.6 (tenga en cuenta dos puntos antes del paréntesis de apertura), pero falla en las versiones más recientes (1.10 en ese momento).

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

Para jquery versión 1.10.2 a continuación funcionó para mí

  var selectedText="YourMatchText";
    $('#YourDropdownId option').map(function () {
       if ($(this).text() == selectedText) return this;
      }).attr('selected', 'selected');
    });

Este trabajo para mi

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

Esto funciona para mi:

var result = $('#SubjectID option')
            .filter(function () 
             { return $(this).html() == "English"; }).val();

La resultvariable devolverá el índice del valor de texto coincidente. Ahora lo configuraré usando su índice:

$('#SubjectID').val(result);

O iteras por las opciones, o pones el mismo texto dentro de otro atributo de la opción y seleccionas con eso.

Esto también funcionará.

$ ('# test'). find ("opción de selección: contiene ('B')"). filter (": selected");

Como se describe en esta respuesta , puede crear fácilmente su propio selector para hasText. Esto le permite encontrar la opción con$('#test').find('option:hastText("B")').val();

Aquí está el método hasText que agregué:

 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;
     };
  }

Esto funciona para mi

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

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

Gracias por todas las publicaciones.