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