阅读量:2
使用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’)方法初始化下拉框。