首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >layui 框架如何取得select下拉框选中的值

layui 框架如何取得select下拉框选中的值

原创
作者头像
lyhcms
发布2024-11-07 17:38:33
发布2024-11-07 17:38:33
1.2K0
举报
文章被收录于专栏:js知识js知识

使用layui时,当用户点击1级知识点下拉框,选择对应学科知识,我需要获取select下拉框对应的值和名称,采用jq或者js无法正常获取到,查看代码发现select option没有发生改变,新增了一部分其它元素。值和名称在dl>dd.layui-this体现。

html源码:

代码语言:txt
复制
<select name="know1" lay-filter="know1">
<option value="">请选择:1级知识点</option>
<option value="1">小学数学</option>
<option value="2">小学语文</option>
<option value="3">小学英语</option>
</select>

获取被选中的

代码语言:javascript
复制
<script>
    layui.use('form', function() {
        var form = layui.form;
        form.on('select(know1)', function(data) {
            console.log(data.value); // 获取选中的值
            console.log(data.elem);  //得到select原始dom对象
            console.log(data.othis); //得到layui加工美化后的dom对象
            console.log(data.elem[data.elem.selectedIndex].text);//得到文本内容,也就是我们需要的名称
        });
    });
</script>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档