JSFiddle - React, Tailwind, and code Playground

by André Albson

HTML

<select name="product[]" id="color">
      <option value="All">All</option>
            <option value="Pink">Pink</option>
            <option value="Navy">Navy</option>
            <option value="Black">Black</option>
          </select>

<select name="product[]" id="size">
      <option value="All">All</option>
            <option value="Small">Small</option>
            <option value="Medium">Medium</option>
            <option value="Large">Large</option>
          </select>

JavaScript

$('#color').change(function(e){
if($(this).val() == "Pink"){
    alert('hi');
    $("#size option[value='Medium']").prop('disabled',true);
}
else $("#size option[value='Medium']").prop('disabled',false);
});