根据输入值创建li元素

Creating li element from input value

本文关键字：li 元素 创建 输入      更新时间：2023-09-26

具有来自<input type="number">的值。如何创建数量与价值相同的li元素？

例如，有输入的人数，需要创建与输入的人数一样多的li元素。

$(document).on('click','#create',function() {
  var liNum = $('#liNum').val();
  if (liNum && !isNaN(liNum)) {
    var ul = document.createElement('ul');
    for(var i = 0;i < liNum; i++) {
      var li = document.createElement('li');
      li.innerHTML = "List item #" + i;
      ul.appendChild(li);
    }
    document.body.appendChild(ul);
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input id="liNum" type="number" />
<button id="create">Create list</button>

相关文章：