jQuery：根据所选项目的数量创建HTML块的最有效方法？

Question

所以我有一个基本的HTML <select>元素，用户可以在其中选择一个数字。

我需要做的是根据他们选择的数字在无序列表中创建一些列表项。

使用jQuery最有效的方法是什么？

Answer 1

我会在div中使用html片段“display：none”。使用JQuery查找该代码段。然后使用for循环将该代码段的clone（）附加到您想要的位置。

Answer 2

最有效的方法可能会因浏览器而异，但我认为使用一串html元素设置innerHTML的{​​{1}}会提供最佳效果。

这是 Working Demo

<ul>

和HTML

$("#select").change(function() {
  var val = this.value,
      lis = '';

  for(var i=1; i <= val; i++) {
    lis += '<li> Ticket ' + i + '</li>';
  }  

  document.getElementById('list').innerHTML = lis;      
});