JSFiddle - React, Tailwind, and code Playground

by lsubirana

HTML

<div class="col76 pull-left">
   <select class="m-wrap" id="T1Select" tabindex="1" style="width:100%;">
      <option class="placeholder" selected="" disabled="">Select T1</option>
      <option value="Chips And Chocolates">Chips And Chocolates</option>
      <option value="Ice creams">Ice creams</option>
      <option value="One">One</option>
      <option value="Popcorn">Popcorn</option>
      <option value="Snacks And Corn">Snacks And Corn</option>
      <option value="Soft Drinks">Soft Drinks</option>
      <option value="Tea And Coffee">Tea And Coffee</option>
   </select>
</div>

JavaScript

var valueone = "one";
  
$("#T1Select option").each(function(){
    if ($(this).val().toLowerCase() !== valueone) {
        $(this).attr("disabled", "disabled");
    }
});