layuiのselect要素で選択された値をどのように取得しますか。

Layuiのformモジュールを使用して、selectで選択された値を取得することができます。

最初に、以下のようにLayuiのformモジュールをページに取り込んでいることを確認してください。

<script src="layui/layui.js"></script>

その後、select要素を使用する場所にlay-filter属性を追加して、そのselect要素を識別します。以下のようになります:

<select name="select" lay-filter="select">
  <option value="">请选择</option>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

次に、ページ内に適切なJavaScriptコードを記述し、formモジュールのon()メソッドを使用してselectのchangeイベントを監視し、イベント処理関数内で選択された値を取得します。以下に示す通り:

layui.use('form', function() {
  var form = layui.form;
  
  form.on('select(select)', function(data) {
    console.log(data.value); // 获取选中的值
  });
});

ユーザーがselectボックス内のオプションを選択すると、changeイベントが発生し、その後data.valueを使って選択された値を取得できます。

これがLayuiを使用して選択された値を取得する方法です。

bannerAds