Programing

JQuery에서 select에 옵션이 이미 있는지 확인하는 방법

crosscheck 2020. 6. 3. 21:20
반응형

JQuery에서 select에 옵션이 이미 있는지 확인하는 방법


JQuery에서 select에 옵션이 이미 존재하는지 어떻게 확인할 수 있습니까?

선택에 옵션을 동적으로 추가하고 싶으므로 중복을 방지하기 위해 옵션이 이미 존재하는지 확인해야합니다.


이미 존재하는 경우 true로 평가됩니다.

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

참고 URL : https://stackoverflow.com/questions/646317/how-can-i-check-whether-a-option-already-exist-in-select-by-jquery

반응형