zoukankan      html  css  js  c++  java
  • 获取 Layui 表单 select 中的 option 的自定义属性

    <div class="layui-form-item">
        <label class="layui-form-label" data-form="form-label">指标类型</label>
        <div class="layui-input-block must" data-form="input-block">
            <select id="quotaType" data-select="type" lay-filter="quotaType">
                <option data-idx='0' value="001" selected>字符</option>
                <option data-idx='1' value="002">代码</option>
                <option data-idx='2' value="003">日期</option>
                <option data-idx='0' value="004">数值</option>
            </select>
        </div>
    </div>

    如上图代码,需要获取被点击的 option 的 data-idx 值

    var form = layui.form;
    form.on('select(quotaType)', function (data) {
            console.log(data.elem); //得到select原始DOM对象
            console.log(data.value); //得到被选中的值
            console.log(data.othis); //得到美化后的DOM对象
            console.log(data.elem[data.elem.selectedIndex].dataset.idx); //得到select选中项的自定义属性值 data-idx
            console.log(data.elem[data.elem.selectedIndex].text); //得到select选中项的值
            console.log(data.elem[data.elem.selectedIndex].title); //得到被选中项的title
    });

    个人感觉该行代码可行,但使用时没成功获得自定义属性值,如有大神知其中奥秘,望不吝赐教。

    来源:https://blog.csdn.net/BetterGG/article/details/93072758

  • 相关阅读:
    支持向量机SVM知识点概括
    决策树知识点概括
    HDU 3081 Marriage Match II
    HDU 3572 Task Schedule
    HDU 4888 Redraw Beautiful Drawings
    Poj 2728 Desert King
    HDU 3926 Hand in Hand
    HDU 1598 find the most comfortable road
    HDU 4393 Throw nails
    POJ 1486 Sorting Slides
  • 原文地址:https://www.cnblogs.com/moppet/p/13541412.html
Copyright © 2011-2022 走看看