JSFiddle - React, Tailwind, and code Playground

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>
<button type="button">Submit</button>

JavaScript

$(".default_set").focus(function () {
    $(".default_field").hide();
    if ($(".default_field").is(":selected")) {
        $(".selected_field").show().prop("selected", true);
    }
});

$("button").click(function () {
    alert($(".default_set").val());
});