根据用户输入生成列表项x次

我有一个基本的无序列表，下面有一个输入字段/表单。 我希望用户能够输入他们想要查看的列表项的总数，然后单击，结果将显示。 这是我的HTML：

 
 
 
 
 
 
 
  Submit  

而我的JQuery：

 $("#four button").on('click', function(){ var buttonValsss = $("#four input").val(); var boxes = $("#boxes"); var generate = "
"; boxes.html(''); boxes.append(generate); boxes.children().html("
" + text + "
"); }); 

我存储来自用户输入（项目数）的变量，清除#boxes所有列表项，然后在单击时附加一个列表项，从前一个函数设置全局变量中的文本。 单击时，我希望变量generate被附加x次，如变量buttonValsss所定义

最好的方法是什么？

Answer 1

尝试使用for循环：

 $("#4 button").on('click', function(){ var buttonValsss = $("#4 input").val(); var boxes = $("#boxes"); boxes.empty(); // you can use empty() method for (i = 0; i < buttonValsss; i++ ) { boxes.append('
'); } }); 

http://jsfiddle.net/z2Wc3/