jquery - s：使用jquery在下拉列表中添加多个选项

Question

我在两个不同的下拉列表中设置最小值和最大值。当用户选择最小值时，最大值开始。所以我通过jquery获得最小值并尝试使用循环添加最大值。这是我的代码

var minValue = document.getElementById('min_price_forsale').value;

for( var i=minValue; i>=6000000; i=i+minValue) {     
    $('#max_price_forsale').append('<option value="'+i+'">'+i+'</option>');
}

但这不起作用。有什么建议或答案我错了。谢谢

我的新代码是：

$(function () {
    $('#min_price_forsale').change(function () {        
        var minValue = $('#min_price_forsale option:selected').val();        
        for (var i = minValue; i <= 600000; i=i+10000) {
            var optionStr = "<option value='" + i + "'>" + i + "</option>";            
            $('#max_price_forsale').append(optionStr);
        }
    });

});

Answer 1

var minValue = document.getElementById('min_price_forsale').value;

    for( var i=minValue; i>=your max value; i=i+minValue)      
        $('#max_price_forsale').append('<option value="'+i+'">'+i+'</option>');

Answer 2

尝试这个：

HTML 代码：

<select name="min_price_forsale" id="min_price_forsale">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
<select name="max_price_forsale" id="max_price_forsale"></select>

Java脚本代码：

$(function () {
    $('#min_price_forsale').change(function () {
        var minValue = $('#min_price_forsale option:selected').val();
        $('#max_price_forsale').html('');
        for (var i = minValue; i <= 20; ++i) {
            var optionStr = "<option value='" + i + "'>" + i + "</option>";
            $('#max_price_forsale').html($('#max_price_forsale').html() + optionStr);
        }
    });

});