JSFiddle - React, Tailwind, and code Playground

by Robert Rozas Navarro

HTML

<select name="sqsize" id="sqsize" class="sqsize">
            <option value="">sq.ft/sq.m:</option>
            <option value="233.52m">233.52m</option>
            <option value="233.52m">233.52m</option>
            <option value="467.04m">467.04m</option>
            <option value="2,513ft">2,513ft</option>
            <option value="2,513ft">2,513ft</option>
            <option value="5,026ft">5,026ft</option>
        </select>

        <select name="sqsizemin" id="sqsizemin" class="sqsizemin">
            <option value="">Size Min:</option>
        </select>

JavaScript

$(function(){
	$("#sqsize").change(function(){
    	var options = '';
        if($(this).val().indexOf('m') > -1) {
            options = '<option value="">mm</option>';
        }
        else if ($(this).val().indexOf('ft') > -1) {
            options = '<option value="6">6</option>';
        }
        $('#sqsizemin').html(options);        
    });
});