Làm cách nào tôi có thể kiểm tra xem một tùy chọn đã tồn tại trong lựa chọn của JQuery chưa

Làm cách nào tôi có thể kiểm tra xem một tùy chọn đã tồn tại trong lựa chọn của JQuery chưa?

Tôi muốn tự động thêm các tùy chọn vào select và vì vậy tôi cần kiểm tra xem tùy chọn đó đã tồn tại chưa để tránh trùng lặp.

Điều này đánh giá là đúng nếu nó đã tồn tại:

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

Một cách khác sử dụng 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;

Điều này có lợi thế là tự động thoát khỏi giá trị cho bạn, điều này làm cho các trích dẫn ngẫu nhiên trong văn bản dễ xử lý hơn nhiều.

Không hoạt động, bạn phải làm điều này:

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

Nó giúp tôi:

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

Tôi đã có một vấn đề tương tự. Thay vì chạy tìm kiếm thông qua dom mỗi lần mặc dù vòng lặp cho điều khiển chọn tôi đã lưu phần tử chọn jquery trong một biến và đã làm điều này:

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

Mặc dù hầu hết các câu trả lời khác có hiệu quả với tôi, tôi đã sử dụng .find ():

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