嗨,我一直在寻找一些代码,这些代码可以让 rightmove 价格选择框如何工作。
基本上,您选择最低价格,并基于此,最高价格的选择框的选择选项已更改,因此初始价格是在最低价格选择框中选择的最低价格,然后填充其余最高价格选择选项从新的最低价格选择开始。
它们还具有反向功能,如果您先选择最高价格,然后选择大于所选最高价格的最低价格,它将反转 2 个选择框中的价格选项,因此最低价格变为最高价格,反之亦然-反之亦然。
我希望这是有道理的,请查看 rightmove 属性搜索以了解我的意思。
非常感谢任何帮助。
HTML
<div class="styled-select">
<select id="minprice" name="minprice">
<option value="0" selected="selected">MIN PRICE</option>
<option value="50000">£ 50,000</option>
<option value="60000">£ 60,000</option>
<option value="70000">£ 70,000</option>
<option value="80000">£ 80,000</option>
<option value="90000">£ 90,000</option>
<option value="100000">£ 100,000</option>
<option value="110000">£ 110,000</option>
<option value="120000">£ 120,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>
<option value="700000">£ 700,000</option>
<option value="800000">£ 800,000</option>
<option value="900000">£ 900,000</option>
<option value="1000000">£1 million+</option>
</select>
</div>
<div class="styled-select">
<select id="maxprice" name="maxprice">
<option value="0" selected="selected">MAX PRICE</option>
<option value="50000">£ 50,000</option>
<option value="60000">£ 60,000</option>
<option value="70000">£ 70,000</option>
<option value="80000">£ 80,000</option>
<option value="90000">£ 90,000</option>
<option value="100000">£ 100,000</option>
<option value="110000">£ 110,000</option>
<option value="120000">£ 120,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>
<option value="700000">£ 700,000</option>
<option value="800000">£ 800,000</option>
<option value="900000">£ 900,000</option>
<option value="1000000">£1 million+</option>
</select>
</div>