Javascript：如果第一个dropdownlist的值大于第二个，如何从第二个dropdownlist中删除选项，反之亦然？

我试图从Dropdownlist“Max_Price”中删除选项，例如：如果用户在Dropdownlist“Min_Price”中选择了option value=“200000”，则应删除Dropdownlist“Max_Price”中低于200000的选项：option value=“50000”、“100000”和“200000”，但不删除值为“”的默认选项。javascript可以做到这一点吗

我一直在寻找答案，但运气不佳，因为他们都在使用jquery解决相关/相似的问题。非常感谢你

<select name="Min_Price">
    <option value=" ">Min. Price</option>
    <option value="0">$ 0</option>
    <option value="50000">$ 50,000</option>
    <option value="100000">$ 100,000</option>
    <option value="200000">$ 200,000</option>
    <option value="300000">$ 300,000</option>
    <option value="400000">$ 400,000</option>
    <option value="500000">$ 500,000</option>
</select>

<select name="Max_Price">
    <option value=" ">Max. Price</option>
    <option value="50000">$ 50,000</option>
    <option value="100000">$ 100,000</option>
    <option value="200000">$ 200,000</option>
    <option value="300000">$ 300,000</option>
    <option value="400000">$ 400,000</option>
    <option value="500000">$ 500,000</option>
    <option value="600000">$ 600,000</option>
</select>

最低价格
$ 0
$ 50,000
$ 100,000
$ 200,000
$ 300,000
$ 400,000
$ 500,000
最高价格
$ 50,000
$ 100,000
$ 200,000
$ 300,000
$ 400,000
$ 500,000
$ 600,000

var minPrice=document.querySelector（'[name=“Min_Price”]'）；
var maxPriceOptions=document.querySelectorAll（'[name=“Max_Price”]option'）；
var reg=/[\$\，]/g；
minPrice.addEventListener（“更改”，函数（e）{
var v=+e.target.value.replace（reg，“”）；
我在下面回答了Array.from（maxPriceOptions）.forEach（el=>el.value！==”&&&&+el.value.replace（reg.））