Pemilih mana yang saya perlukan untuk memilih opsi berdasarkan teksnya?

Saya perlu memeriksa apakah a <select> memiliki opsi yang teksnya sama dengan nilai tertentu.

Misalnya, jika ada <option value="123">abc</option> , saya akan mencari "abc".

Apakah ada pemilih untuk melakukan ini?

Saya mencari sesuatu yang mirip $('#select option[value="123"]');tetapi untuk teks.

Ini bisa membantu:

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

Demo biola

Ini akan memberi Anda opsi dengan teks Bdan bukan yang memiliki teks yang berisi B. Semoga ini membantu

Untuk versi terbaru dari jQuery di atas tidak berfungsi. Seperti yang dikomentari oleh Quandary di bawah ini, inilah yang berfungsi untuk jQuery 1.9.1:

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

Biola diperbarui

Anda dapat menggunakan :contains()pemilih untuk memilih elemen yang berisi teks tertentu.
Sebagai contoh:

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

Untuk memeriksa apakah <select>elemen yang diberikan memiliki opsi seperti itu, gunakan .has()metode ini :

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

Untuk menemukan semua <select>yang mengandung opsi seperti itu, gunakan :has()pemilih :

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

Tidak ada saran sebelumnya yang bekerja untuk saya di jQuery 1.7.2 karena saya mencoba untuk mengatur indeks daftar yang dipilih berdasarkan nilai dari kotak teks, dan beberapa nilai teks terkandung dalam beberapa opsi. Saya akhirnya menggunakan yang berikut ini:

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

Saya menghadapi masalah yang sama di bawah ini adalah kode kerjanya:

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

Demo: http://jsfiddle.net/YRBrp/83/

Ini bekerja untuk saya: $("#test").find("option:contains('abc')");

Ini adalah metode terbaik untuk memilih teks di dropdownlist.

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

Saya mencoba beberapa dari hal-hal ini sampai saya dapat menggunakannya di Firefox dan IE. Inilah yang saya pikirkan.

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

cara lain untuk menulisnya dalam fasion yang lebih mudah dibaca:

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

Kodesemu:

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

Gunakan mengikuti

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

Ini akan bekerja di jQuery 1.6 (perhatikan titik dua sebelum braket pembuka), tetapi gagal pada rilis yang lebih baru (1,10 pada saat itu).

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

Untuk versi jquery 1.10.2 di bawah ini berfungsi untuk saya

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

Ini bekerja untuk saya

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

Ini bekerja untuk saya:

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

The resultvariabel akan mengembalikan indeks dari nilai teks yang cocok. Sekarang saya hanya akan mengaturnya menggunakan indeks itu:

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

Entah Anda beralih melalui opsi, atau menempatkan teks yang sama di dalam atribut opsi lain dan pilih dengan itu.

Ini juga akan berfungsi.

$ ('# test'). find ("opsi pilih: berisi ('B')"). filter (": terpilih");

Seperti dijelaskan dalam jawaban ini , Anda dapat dengan mudah membuat pemilih sendiri untuk hasText. Ini memungkinkan Anda menemukan opsi dengan$('#test').find('option:hastText("B")').val();

Inilah metode hasText yang saya tambahkan:

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

Ini bekerja untuk saya

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

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

Terima kasih untuk semua posting.