Question

我在我的一个项目中添加了一个过滤器，如：

<select id="drpPrice" name="Price">
  <option value="">Price</option>
  <option value="1">< 30 Lacs </option>
  <option value="2">< 50 Lacs</option>
  <option value="3">< 70 Lacs</option>
  <option value="4">< 90 Lacs</option>
  <option value="5">< 1.5 Cr</option>
  <option value="6">< 3 Cr</option>
</select>

我有像23 Lacs，2.3 Cr，52.5 Lac等div的价格

如果下拉列表更改，我如何比较值。我想显示仅与结果匹配的div。

提前致谢

Answer 1

您需要像这样更新DOM

<select id="drpPrice" name="Price" onchange="compare()">
  <option value="">Price</option>
  <option value="3000000">< 30 Lacs </option>
  <option value="5000000">< 50 Lacs</option>
  <option value="7000000">< 70 Lacs</option>
  <option value="9000000">< 90 Lacs</option>
  <option value="15000000">< 1.5 Cr</option>
  <option value="30000000">< 3 Cr</option>
</select>

然后你可以创建一个简单的javascript函数来比较这些值。

<script>
function compare(){
     var value = document.getElementById("dprPrice").value;
     //Now compare the value with anything you want to compare with
}
</script>

比较价格30 Lac＆lt; 3 Cr

1 个答案: