什麼是動態值範圍選擇表格的最佳方法？

Question

我已經創建了一個房地產搜索功能，用戶將在其中輸入價格範圍。我已經選擇了兩個字段來最大限度地減少用戶錯誤，一個用於最低價格，另一個用於最高價格。我想利用動態表單來進一步減少輸入錯誤。

例如，最低價格選擇具有以下值：

• $ 100K（默認）
• $ 200K
• $ 300K
• $ 400K
• $ 500K
• $ 600k
• $ 700k
• $ 80萬
• $ 900K
• $ 1M

雖然最高價格選擇具有與上面相同，但沒有$ 100K，用另外的$ 2M +，擁有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和它的jQuery 1.4.4。我怎樣才能使它工作？我的html代碼有錯誤嗎？