<分区>
标签 javascript jquery html css
具有来自 <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>
关于javascript - 从输入值创建 li 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37077701/
相关文章:
javascript - 是否有像 Junit for Javascript 这样的框架来测试 Node.js 中的面向对象的 javascript?
javascript - Jquery 不适用于 html 文件,但适用于 .js 文件
javascript - 如何使用 html 页面上所有文本区域的所有名称(或 ID)创建数组?
javascript - 谁真正在 Web 浏览器中执行 HTTP 请求?
javascript - 使用 JavaScript 动态编辑 Base64 编码图像
javascript - 如何使用存储在亚马逊网络服务上的 jquerycropper 编辑图像?
jquery - 可折叠的标题菜单或在小屏幕中一个一个地排列按钮