リスナーでは、ドロップダウンリストのデフォルト値を設定する方法は何ですか？

Layuiを使用してドロップダウンリストのデフォルト値を設定するには、2つの方法があります。

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' // 默认选中北京
});

上記の例では、’selectFilter’がドロップダウンリスト要素のlay-filter属性値、’city’がドロップダウンリスト要素のname属性値、’1’が設定するデフォルト値である場合に、form.val（）メソッドを使用してドロップダウンリストのデフォルト値を設定します。

使用法2を使用する場合は、最初にLayuiのformモジュールをロードし、form.render（’select’）メソッドを呼び出してセレクトボックスを初期化する必要があります。