JSFiddle - React, Tailwind, and code Playground

by chayacooper

HTML

<select name=min_jeans class="default_set">
    <option value=0>$0</option>
    <option value="50_Default" class="default_field" selected=selected>$50 <i>(Default)</i>
    </option>
    <option value="50" class="selected_field" style="display:none">$50</option>
    <option value=100>$100</option>
    <option value=150>$150</option>
    <option value=200>$200</option>
    <option class="hidden_field" value="hidden_field" style="display:none;"></option>
</select>

JavaScript

$(".default_set").click(function () {
    $("select option[value='50_Default']").hide();
    $("select option[value='50']").show();
});

$(".hidden_field").hide();
$(".default_set option[value='50_Default']").removeAttr("selected");
$(".default_set option[value='50_Default']").hide();
$(".default_set option[value='50']").show();