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

Question

嗨，我一直在寻找一些代码，将如何右移价格选择框的工作方式。

基本上，您选择最低价格，基于此，最高价格的选择框更改了其选择选项，以便初始价格是在最低价格选择框中选择的最低价格，然后从新的最低价格选择开始填充其余的最高价格选择选项。

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

我希望这是有意义的，看看rightmove property search，看看我的意思。

任何帮助都非常感谢。

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>

Answer 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);
}
});

我希望这能有所帮助。当用户选择小于最小年的最大年时，值​​将反转