JSFiddle - React, Tailwind, and code Playground

HTML

<select name="goyale" id="goyale">
<option value="0">Select</option>
<option value="1">Fish</option>
<option value="2">Chicken</option>
<option value="4">Chicken 2</option>
<option value="3">Meat</option>
</select>

JavaScript

var size = 0;
$.each($('#goyale').find('option'), function(i, v) {
    var $v = $(v);
    $v.show() // Show all options in <tt>$(v)</tt>.
    .not(':first-child') // Don't hide <tt>(All)</tt>.
    .not(':contains("Meat")').hide(); // Hide everthing that doesn't match or isn't (All).
    if ($v.css("display") === "inline") {
        size++;
    }
});

alert(size);