javascript - ドロップダウン値の大文字と小文字を区別しないjqueryセレクター

Question

ドロップダウンで選択した値を設定しようとしています。ただし、これを行う前に、選択した値がコントロール内に存在するかどうかを確認します。これを行うには、次のコードを使用します。

var exists = 0 != $('#comp option[value="'+ value +'"]').length; 

ここで、値は大文字、小文字、または大文字と小文字を混在させることができます。あらゆる種類のケーシングで機能するように、このコードをどのように書き直すことができますか？

Answer 1

すべてを選択する代わりに、チェックするときに値を小文字にするだけです。

value.toLowerCase();

Answer 2

$('#comp option').each(function() {
   if(this.value.toLowerCase() === value.toLowerCase() ) { 
      // do something
   }
});

Answer 3

var myvalue = 'ONE';
$('select option').filter(function() {
    if(new RegExp(this.value, 'ig').test(myvalue))
        $(this).attr('selected', true);
});

Answer 4

また、このアプローチを使用できます。

var matchingValue = $('#select option').filter(function () { 
     return this.value.toLowerCase() == 'stackoverflow'; 
     } ).attr('value');    
$('#select').val(matchingValue);