Question

您好我一直在搜索一些代码，这些代码将适用于正确的价格选择框如何工作。

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

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

我希望这有意义看看右移房产搜索，看看我的意思。

任何帮助都非常感激。

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

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

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

1 个答案: