layui 动态添加 layui-input-block
时间: 2023-08-08 14:05:30 浏览: 152
要动态添加 layui-input-block,可以使用jQuery的append方法。首先,你需要在HTML文件中引入Layui框架和jQuery库:
```html
<link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css">
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script>
```
然后,在JavaScript代码中,你可以使用以下代码来动态添加 layui-input-block:
```javascript
// 创建一个 layui-input-block 元素
var inputBlock = $('<div class="layui-input-block"></div>');
// 往 inputBlock 中添加元素
inputBlock.append('<input type="text" placeholder="请输入内容" class="layui-input">');
// 将 inputBlock 添加到页面上指定的元素中
$('#targetElement').append(inputBlock);
```
在上面的代码中,我们首先创建了一个 layui-input-block 元素,然后向它中添加了一个 input 元素。最后,我们使用 jQuery 的 append 方法将这个 inputBlock 添加到页面上指定的元素(例如,id 为 targetElement 的元素)中。
阅读全文