JSFiddle - React, Tailwind, and code Playground

HTML

<select name="price">
    <option class="hidden"></option>
    <option class="price-1 hidden">T-shirt</option>
    <option class="price-1 hidden">Observer Ride</option>
    <option class="price-1 hidden">Tip on Card</option>
    <option class="price-1 hidden">Overweight Charge - Groupons</option>
    <option class="price-1 hidden">Raw Footage - Thumb Drive</option>
    <option class="price-1 hidden">Raw Footage - DVD</option>
    <option class="price-1 hidden">Edited Footage - DVD</option>
    <option class="price-1 hidden">Edited Footage - Thumb Drive</option>
<!--    
    <option class="price-3 hidden">AFF Course</option>
    <option class="price-3 hidden">Editor - Email Stills</option>
    <option class="price-3 hidden">Tandem Pack Job</option>
    <option class="price-3 hidden">Editor - YouTube Video</option>
    <option class="price-3 hidden">Editor - Raw Footage</option>
    <option class="price-3 hidden">Editor - Edited Footage</option>
    <option class="price-3 hidden">Student Pack Job</option>
    <option class="price-3 hidden">Facebook Upload</option>
    <option class="price-3 hidden">Stills Upsale</option>
    <option class="price-3 hidden">Stills (TI Payment)</option>
    <option class="price-3 hidden">Editor - Ultimate Video</option>
-->
    <option class="price-4 showit">Single Jump Gear Rental</option>
    <option class="price-4 showit">Daily Gear Rental</option>
    <option class="price-4 showit">STAFF - Gear Rental</option>
    <option class="price-6 hidden">Cash out</option>
    <option class="price-6 hidden">Cash Out2</option>
    <option class="price-7 hidden">Single Jump Gear Rental2</option>
    <option class="price-8 hidden">AFF Grounf School</option>
</select>

CSS

.price-1.hidden{display:none;}

/*.price-3.hidden{display:none;}*/

.price-4.hidden{display:none;}
.price-6.hidden{display:none;}
.price-7.hidden{display:none;}
.price-8.hidden{display:none;}
.showit{display:inline;}