使用Layui设置下拉框的默认值可以使用两种方法:
方法一:在HTML中设置value属性
<select name="city" lay-verify="required">
<option value="">请选择城市</option>
<option value="1" {{ data.city === '1' ? 'selected' : '' }}>北京</option>
<option value="2" {{ data.city === '2' ? 'selected' : '' }}>上海</option>
<option value="3" {{ data.city === '3' ? 'selected' : '' }}>广州</option>
</select>
在上面的例子中,我们使用了Layui的模板引擎来判断当前数据的值是否与选项的值相等,如果相等则添加selected属性,表示选中该选项。
方法二:使用Layui的form模块进行赋值
// 初始化下拉框
form.render('select');
// 设置默认值
form.val('selectFilter', {
'city': '1' // 默认选中北京
});
在上面的例子中,我们使用form.val()方法来设置下拉框的默认值,其中’selectFilter’是下拉框元素的lay-filter属性值,'city’是下拉框元素的name属性值,'1’是要设置的默认值。
注意:在使用方法二时,需要先加载Layui的form模块,并调用form.render(‘select’)方法初始化下拉框。