根据 rightmove 价格选择使用 jquery 更改选择选项答案

【问题标题】：Changing select options using jquery as per rightmove price selection根据 rightmove 价格选择使用 jquery 更改选择选项
【发布时间】：2013-02-26 11:42:04
【问题描述】：

您好，我一直在寻找一些代码，可以让 rightmove 价格选择框如何工作。

基本上你选择最低价格，基于此，最高价格的选择框的选择选项发生了变化，因此初始价格是最低价格选择框中选择的最低价格，其余的最高价格选择选项然后从新的最低价格选择开始填充。

它们还具有反向功能，如果您先选择最高价格，然后选择大于所选最高价格的最低价格，它将反转 2 个选择框中的价格选项，因此最低价格变为最高价格价格，反之亦然。

我希望这是有道理的，请查看 rightmove 属性搜索以了解我的意思。

非常感谢任何帮助。

HTML

<div class="styled-select">
    <select id="minprice" name="minprice">
        <option value="0" selected="selected">MIN PRICE</option>
        <option value="50000">&pound; 50,000</option>
            <option value="60000">&pound; 60,000</option>
            <option value="70000">&pound; 70,000</option>
            <option value="80000">&pound; 80,000</option>
            <option value="90000">&pound; 90,000</option>
            <option value="100000">&pound; 100,000</option>
            <option value="110000">&pound; 110,000</option>
            <option value="120000">&pound; 120,000</option>
        <option value="200000">&pound; 200,000</option>
            <option value="300000">&pound; 300,000</option>
            <option value="400000">&pound; 400,000</option>
            <option value="500000">&pound; 500,000</option>
            <option value="600000">&pound; 600,000</option>
            <option value="700000">&pound; 700,000</option>
            <option value="800000">&pound; 800,000</option>
            <option value="900000">&pound; 900,000</option>
            <option value="1000000">&pound;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">&pound; 50,000</option>
            <option value="60000">&pound; 60,000</option>
            <option value="70000">&pound; 70,000</option>
            <option value="80000">&pound; 80,000</option>
            <option value="90000">&pound; 90,000</option>
            <option value="100000">&pound; 100,000</option>
            <option value="110000">&pound; 110,000</option>
            <option value="120000">&pound; 120,000</option>
        <option value="200000">&pound; 200,000</option>
            <option value="300000">&pound; 300,000</option>
            <option value="400000">&pound; 400,000</option>
            <option value="500000">&pound; 500,000</option>
            <option value="600000">&pound; 600,000</option>
            <option value="700000">&pound; 700,000</option>
            <option value="800000">&pound; 800,000</option>
            <option value="900000">&pound; 900,000</option>
            <option value="1000000">&pound;1 million+</option>
    </select>
</div>

【问题讨论】：

向我们展示您的尝试或至少 HTML/设计

标签： jquery select options

【解决方案1】：

jQuery(document).ready(function() {         
    var aux;

    if (parseInt($('#min-year').val()) > parseInt($('#max-year').val())) {
       aux = $('#min-year').val();
       $('#min-year').val($('#max-year').val());
       $('#max-year').val(aux);
}
});

我希望这会有所帮助。当用户选择小于 min-year 的 max-year 时，值将被反转

【讨论】：