Як я можу перевірити, чи існує вже опція у select від JQuery

Як я можу перевірити, чи існує вже опція у select від JQuery?

Я хочу динамічно додавати параметри в select, і тому мені потрібно перевірити, чи існує опція, щоб запобігти дублюванню.

Це оцінюється як вірно, якщо воно вже існує:

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

Ще один спосіб використання 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;

Це має перевагу в автоматичному уникненні значення для вас, що робить випадкові лапки в тексті набагато простішими для вирішення.

Не працює, ви повинні це зробити:

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

Це допоможе мені:

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

У мене було подібне питання. Замість того, щоб запускати пошук через dom кожен раз, хоча цикл для елемента управління я зберег елемент вибору jquery у змінній і зробив це:

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

Хоча більшість інших відповідей працювали на мене, я використовував .find ():

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