layui 下拉框回显
时间: 2023-08-29 07:12:58 浏览: 184
在 layui 下拉框中,可以通过设置 `selected` 属性来实现回显。例如:
HTML 代码:
```html
<select name="city" lay-verify="required">
<option value="">请选择城市</option>
<option value="北京">北京</option>
<option value="上海" selected>上海</option>
<option value="广州">广州</option>
<option value="深圳">深圳</option>
</select>
```
在这个例子中,我们将 `selected` 属性设置在了第二个选项上,因此页面加载时,该下拉框默认显示的是“上海”。
当然,如果你的下拉框选项是通过 AJAX 请求获取的,那么你需要在回调函数中设置 `selected` 属性。例如:
```js
$.ajax({
url: '/api/cities',
success: function(data) {
var options = '';
for (var i = 0; i < data.length; i++) {
var city = data[i];
options += '<option value="' + city.id + '"';
if (city.name === '上海') {
options += ' selected';
}
options += '>' + city.name + '</option>';
}
$('select[name=city]').html(options);
form.render('select');
}
});
```
在这个例子中,我们在循环中判断每个城市的名称是否为“上海”,如果是则设置 `selected` 属性。然后将生成的选项字符串插入到下拉框中,并调用 `form.render('select')` 方法进行渲染。
阅读全文