layui获取下拉列表select的值

最新推荐文章于 2025-07-05 14:12:24 发布

原创最新推荐文章于 2025-07-05 14:12:24 发布 · 3.4w 阅读

5 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的HTML表单选择器示例，使用layui的form模块来监听选择框的变化，并更新变量值。通过JavaScript代码演示了如何获取用户选择的选项及其文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML：

   
            <select  class="form-control input-sm" name="category" lay-filter="category" aria-invalid="false">
                <option value="0">请选择运维位置</option>
             
        
            </select>

js:

            var category = 0;
            var categoryName = '';
            form.on('select(category)', function (data) {
                category = data.value;
                categoryName = data.elem[data.elem.selectedIndex].text;
                form.render('select'); 
            });