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

因此，我有一个基本的HTML

元素，用户可以在其中选择一个数字

然后，我需要做的是根据所选的编号在无序列表中创建一些列表项

---

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

我会在一个div中包含一个html片段，即“display:none”。使用JQuery查找该代码段。然后使用for循环将该代码段的clone（）附加到需要的位置。

最有效的方法可能因浏览器而异，但我可以想象，将

的

内部html设置为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;      
});

$（“#选择”）.change（函数（）{
var val=此.val值，
lis=''；
对于（var i=1；i）列表项中将包含什么，加载页面后是否存在默认列表？例如：
1票证：$
，票证的“1”将随着循环的每次迭代而增加。默认列表项不存在。
  <select id="select">
    <option value="1">1 ticket</option>
    <option value="2">2 tickets</option>
    <option value="3">3 tickets</option>
    <option value="4">4 tickets</option>
    <option value="5">5 tickets</option>
    <option value="6">6 tickets</option>   
  </select>

  <ul id="list"></ul>