Проверьте, находится ли значение в списке выбора с помощью JQuery

Ответ 1

Используйте Атрибут выбора атрибутов

var thevalue = 'foo';
var exists = 0 != $('#select-box option[value='+thevalue+']').length;

Если значение параметра было установлено через Javascript, это не сработает. В этом случае мы можем сделать следующее:

var exists = false;
$('#select-box option').each(function(){
    if (this.value == 'bar') {
        exists = true;
        return false;
    }
});

Ответ 2

На всякий случай вы (или кто-то еще) можете быть заинтересованы в этом без jQuery:

var exists = false;
for(var i = 0, opts = document.getElementById('select-box').options; i < opts.length; ++i)
   if( opts[i].value === 'bar' )
   {
      exists = true; 
      break;
   }

Ответ 3

Вот еще один подобный вариант. В моем случае я проверяю значения в другом поле, когда я создаю список выбора. Я продолжал работать в значениях undefined, когда сравнивал бы, поэтому я установил свой чек таким образом:

if ( $("#select-box option[value='" + thevalue + "']").val() === undefined) { //do stuff }

Я понятия не имею, что этот подход дороже.

Ответ 4

Почему бы не использовать фильтр?

var thevalue = 'foo';    
var exists = $('#select-box option').filter(function(){ return $(this).val() == thevalue; }).length;

Свободные сравнения работают, потому что существует > 0 - true, существует == 0 - false, поэтому вы можете просто использовать

if(exists){
    // it is in the dropdown
}

Или соедините его:

if($('#select-box option').filter(function(){ return $(this).val() == thevalue; }).length){
    // found
}

Или где каждый выпадающий выбор имеет класс select-boxes, это даст вам объект jquery для select (s), которые содержат значение:

var matched = $('.select-boxes option').filter(function(){ return $(this).val() == thevalue; }).parent();

Ответ 5

if(!$('#select-box').find("option:contains('" + thevalue  + "')").length){
//do stuff
}

Ответ 6

Я знаю, что это своего рода старый вопрос, этот работает лучше.

if(!$('.dropdownName[data-dropdown="' + data["item"][i]["name"] + '"] option[value="'+data['item'][i]['id']+'"]')[0]){
  //Doesn't exist, so it isn't a repeat value being added. Go ahead and append.
  $('.dropdownName[data-dropdown="' + data["item"][i]["name"] + '"]').append(option);
}

Как вы можете видеть в этом примере, я ищу по уникальным тегам данные раскрывающегося имени и значение выбранного параметра. Конечно, они вам не нужны, чтобы они работали, но я включил их, чтобы другие могли видеть, что вы можете искать по нескольким значениям и т.д.