javascript - 根据选定的下拉值创建 div

Question

我想根据下拉列表中选定的值动态创建一个或多个 div。

HTML 代码:

<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="10">10</option>
</select>

如果我从下拉列表中选择 2，则意味着将创建两个 div，如果我选择 10，则意味着将创建 10 个 div。我怎样才能做到这一点？

Answer 1

$('select').on('change', function() {
    $('#result').empty();
    $.each(new Array(+this.value), function(i) {
        $('<div />', {
            text : 'this is div nr : '+(i+1)
        }).appendTo('#result');
    });
});

FIDDLE