根据选定的下拉值创建div [英] Create div based on selected drop down value

问题描述

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

HTML代码：

 < ;选择> 
< 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将创建。

$（$'$'$。'$' （）函数（）{
$（'＃result'）。empty（）;
$ .each（new Array （'< div />'，{
text：'this is div nr：'+（i + 1）
}）。appendTo（'＃result'）;
} ）;
}）;

FIDDLE

I want to create one or more div dynamically based on selected values in dropdown.

HTML code:

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

If I select 2 from the dropdown means, two div will create, if I select 10 means 10 div will create. How can I do this?

解决方案

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

FIDDLE

这篇关于根据选定的下拉值创建div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！