layui form表单赋值
时间: 2023-08-15 21:08:51 浏览: 119
LayUi数据表格自定义赋值方式
在 layui 中,可以使用 `form.val(formFilter, data)` 方法为表单元素赋值。其中,`formFilter` 为表单的过滤器,`data` 为要赋的值,可以是一个 JSON 对象。
示例代码如下:
```html
<form class="layui-form" lay-filter="test">
<div class="layui-form-item">
<label class="layui-form-label">用户名</label>
<div class="layui-input-block">
<input type="text" name="username" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">密码</label>
<div class="layui-input-block">
<input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
</div>
</form>
```
```javascript
// 给表单赋值
var data = {
username: 'admin',
password: '123456'
};
layui.form.val('test', data);
```
在以上示例中,我们为一个带有用户名和密码输入框的表单赋值,其中 `test` 是表单的过滤器,`data` 是要赋的值。
阅读全文