JSFiddle - React, Tailwind, and code Playground

HTML

<div class="field_option"> 
<select class="field_option_select" name="item_1"> 
<option value="1" selected="true">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 
</div> 
 
<div class="field_option"> 
<select class="field_option_select" name="item_2"> 
<option value="1" selected="true">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
</select> 
</div>

JavaScript

//this one doesn't work in IE 6,7,8 (didn't try 9)
console.log($('.field_option select [value="1"]').filter(':selected').length);

//this one works instead
console.log($('.field_option_select [value="1"]').filter(':selected').length);