Bagaimana saya bisa memeriksa apakah opsi sudah ada di pilih oleh JQuery

Bagaimana saya bisa memeriksa apakah opsi sudah ada di pilih oleh JQuery?

Saya ingin menambahkan opsi secara dinamis ke dalam pilih dan jadi saya perlu memeriksa apakah opsi sudah ada untuk mencegah duplikasi.

Ini bernilai true jika sudah ada:

$("#yourSelect option[value='yourValue']").length > 0;

Cara lain menggunakan jQuery:

var exists = false; 
$('#yourSelect  option').each(function(){
  if (this.value == yourValue) {
    exists = true;
  }
});

if ( $("#your_select_id option[value=<enter_value_here>]").length == 0 ){
  alert("option doesn't exist!");
}

var exists = $("#yourSelect option")
               .filter(function (i, o) { return o.value === yourValue; })
               .length > 0;

Ini memiliki keuntungan untuk secara otomatis keluar dari nilai untuk Anda, yang membuat kutipan acak dalam teks lebih mudah untuk ditangani.

Tidak berfungsi, Anda harus melakukan ini:

if ( $("#your_select_id option[value='enter_value_here']").length == 0 ){
  alert("option doesn't exist!");
}

Ini membantu saya:

  var key = 'Hallo';

   if ( $("#chosen_b option[value='"+key+"']").length == 0 ){
   alert("option not exist!");

    $('#chosen_b').append("<option value='"+key+"'>"+key+"</option>");
    $('#chosen_b').val(key);
   $('#chosen_b').trigger("chosen:updated");
                         }
  });

Saya punya masalah serupa. Daripada menjalankan pencarian melalui dom setiap kali melalui loop untuk kontrol pilih, saya menyimpan elemen pilih jquery dalam variabel dan melakukan ini:

function isValueInSelect($select, data_value){
    return $($select).children('option').map(function(index, opt){
        return opt.value;
    }).get().includes(data_value);
}

Meskipun sebagian besar jawaban lain berfungsi untuk saya, saya menggunakan .find ():

if ($("#yourSelect").find('option[value="value"]').length === 0){
    ...
}