检查选项是否存在的更短方法

Question

I hope there is a shorter way to check if an option inside sela exists.

Any suggestion?

 var str = 'white moon'; var x = 0; $('#sela > option').each(function(){ if($(this).text() == str){x = 1;} }); if(x == 1){console.log(x);} 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id='sela'> <option>blue sky</option> <option>gold sun</option> <option>white moon</option> </select> 

Answer 1

This will check given option exist on dropdown.

 $(document).ready(function() { console.log($("#sela option:contains(white moon)").length); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id='sela'> <option>blue sky</option> <option>gold sun</option> <option>white moon</option> </select> 

Answer 2

if ($('#sela option').length > 0) {
  console.log('exist');
}

//if specific option exist
if($("#sela option[value='yourValue']").length > 0) {
}

Answer 3

Why not giving value attribute to your option ? then you can easily selected the one you want

 var str = 'white moon'; console.log($('#sela>option[value="'+str+'"]')) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id='sela'> <option value="blue sky">blue sky</option> <option value="gold sun">gold sun</option> <option value="white moon">white moon</option> </select>