温馨提示×

layui怎么设置下拉框默认值

小亿
884
2024-01-12 02:08:05
栏目: 编程语言

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

0