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を使用して選択された値を取得する方法です。