根据选定的下拉值创建div [英] Create div based on selected drop down value
本文介绍了根据选定的下拉值创建div的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想根据下拉列表中的所选值动态创建一个或多个 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');
} );
});
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');
});
});
这篇关于根据选定的下拉值创建div的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文