layui怎么设置下拉框默认值

avatar
作者
筋斗云
阅读量: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’)方法初始化下拉框。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!