Php 动态值范围选择表单的最佳方法是什么？

我已经创建了一个房地产搜索功能，用户将在其中输入价格范围。我已经设置了两个选择字段来最小化用户错误，一个用于最低价格，另一个用于最高价格。我想利用动态表单进一步减少输入错误

例如，“最低价格选择”具有以下值：

10万美元违约 20万美元 30万美元 40万美元 50万美元 60万美元 70万美元 80万美元 90万美元 100万美元 而最高价格选择与上述相同，但不包括10万美元，另外还有200万美元以上，默认值为20万美元

我想要做的是有一个函数，它不仅可以验证页面上的条目，还可以动态地更改最高价格的选择选项。因此，当用户选择最低价格时，“最高价格”字段选项将不会显示所选的最低价格及以下价格

因此，在开始时，如果用户选择$500k最小值，最大值将自动更改为$600k，同时从选项中删除低于它的任何内容

最好的方法是什么

提前谢谢

更新： 我听从了杰克的回答，但我无法使它起作用

以下是表单和脚本的代码：

<form name="search" action="/search/" method="get">
<label>Price Range: </label>
Between:
<select name="min_price"> 
<option value="1">1M</option> 
<option value="2">2M</option> 
...
<option value="15">15M</option> 
<option value="20">20M</option> 
</select> 
and
<select name="max_price"> 
<option value="2">2M</option> 
<option value="3">3M</option> 
... 
<option value="30">30M+</option> 
</select> 
...
</form>

<script type="text/javascript"> 
$("#min_price").change(function(){
    var min = $(this).val();
    $("#max_price").find("option").each(function(){
        if (this.value <= min) {
            $(this).hide();
        }
        else {
            $(this).show();
        }
    });
});
</script> 

---

我正在使用wordpress，它有jQuery1.4.4。我怎样才能让它工作？我的html代码有错误吗？

您可以使用JavaScript在浏览器的客户端执行此操作。例如，使用jQuery：

$("#min_price").change(function(){

    var min = $(this).val();
    $("#max_price").find("option").each(function(){
        if (this.value <= min) {
            $(this).hide();
        }
        else {
            $(this).show();
        }
    });

});

---

如果文档为$200000，则this.value可能是前缀为$not的字符串…谢谢！我知道这是正确的，但我认为我的代码中存在一个冲突，jQuery表单函数不能很好地工作。如果你不介意的话，你可以看看我的。将id属性添加到id=min\u price和id=max\u price到元素中