layui获取自定义属性_layui select获取自定义属性 - CSDN
精华内容
参与话题
  • layui select怎么获取自定义属性

    万次阅读 2018-05-21 17:21:58
    layui里面给了特定几个自定义属性title 请选择属性 雪碧 芬达 冰糖雪梨 金贝 监听select form.on('select(sadaS)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data....

    在layui里面给了特定几个自定义属性title

    <select name="aa" lay-filter="sadaS">

    <option value="">请选择属性</option>

    <option value="1" title="12.32">雪碧</option>

    <option value="2" title="2.01">芬达</option>

    <option value="3" title="34.51">冰糖雪梨</option>

    <option value="4" title="17.46">金贝</option>

    </select>



    监听select

    form.on('select(sadaS)', function(data){  console.log(data.elem); //得到select原始DOM对象  console.log(data.value); //得到被选中的值   console.log(data.elem[data.elem.selectedIndex].text);
        console.log(data.elem[data.elem.selectedIndex].title);

    });

    另外在select上面呢

    在layui里面给了特定几个自定义属性title

    <select name="aa" data-aid="where is data-aid" lay-filter="sadaS">

    <option value="">请选择属性</option>

    <option value="1" title="12.32">雪碧</option>

    <option value="2" title="2.01">芬达</option>

    <option value="3" title="34.51">冰糖雪梨</option>

    <option value="4" title="17.46">金贝</option>

    </select>

    form.on('select(sadaS)', function(data){  console.log(data.elem.getAttribute(data-aid)); //得到select原始DOM对象  console.log(data.value); //得到被选中的值   console.log(data.elem[data.elem.selectedIndex].text);  console.log(data.elem[data.elem.selectedIndex].title);});   


    展开全文
  • LayUI事件监听获取自定义属性的值

    千次阅读 2020-02-03 22:06:20
    form.on('',function(data){ data.elem.getAttribute('data-url'); });

    form.on('',function(data){

     data.elem.getAttribute('data-url');

    });

    展开全文
  • Layui里面给了特定几个自定义属性title <select name="aa" lay-filter="selectClassify"> <option value="">请选择分类</option> <option v-for="x in classifyList":value="x.id" :...

    在Layui里面给了特定几个自定义属性title

    <select name="aa" lay-filter="selectClassify">

       <option value="">请选择分类</option>

       <option v-for="x in classifyList" :value="x.id" :title="x.name" :aaa="x.a">{{x.name}}</option>

    </select>

    Layui表单select 监听

    form.on('select(selectClassify)', function(data){
            console.log(data.elem); //得到select原始DOM对象
            console.log(data.value); //得到被选中的值
            console.log(data.othis); //得到美化后的DOM对象
            console.log(data.elem[data.elem.selectedIndex].text); //得到select选中项的值
            console.log(data.elem[data.elem.selectedIndex].title); //得到被选中项的title
    }); 

    //获取自定义属性值 

    var aaa = $(data.elem).find("option:selected").attr("aaa"); 

    展开全文
  • layui select获取自定义属性

    千次阅读 2018-11-06 15:25:56
    &lt;select name="role" id="role" lay-filter="role" data-id="1"&gt;  &lt;option value=""&gt;请选择角色&.../option&

    <select name="role" id="role" lay-filter="role" data-id="1">
        <option value="">请选择角色</option>
        <option value="1">超级管理员</option>
        <option value="2">纠错员</option>
    </select>

    form.on('select(role)', function(){
        var id = $('#role').data('id');
        console.log(id);
    });

    展开全文
  • layui select 添加获取自定义属性

    千次阅读 2018-09-20 08:37:36
    &lt;select id="pz" name="pz" lay-filter="pz" type="select"&gt; &lt;option data-href="'.$url.'&amp;pz=10"...option data-href=&q
  • layui数据表格自定义数据项

    千次阅读 2018-04-10 11:17:41
    layui是一个很适合后台开发人员用的一个前端框架,界面简洁,功能丰富。 大家知道,系统一般都有数据表格及分页功能,尤其在后台管理系统之类,这类场景更是很多,layui也为我们提供了对应的支持,我这里要说的...
  • 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 i....
  • layui 获取input 的自定义属性和值

    千次阅读 2020-05-26 17:07:01
    HTML表格页面中 使用data-xxxx="xxxx" 来定义属性和值 <script type="text/html" id="switchTpl"> <input type="checkbox" name="si_state" data-si_id="{{d.si_id}}" data-ei_id="{{d.ei_id}}" data-si...
  • 由于 layui 框架的覆盖性,我们是无法使用传统 js、jQuery 的写法的 在此附上源码,请参考一下 :Layui下拉列表触发事件获取自定义属性
  • 背景 今天遇到的情况是,在表格中需要针对指定的产品进行缩略图片的替换操作 那么,我需要根据所赋值不同索引信息的 class进行数据获取与修改 在此,进行整理(截图展示),希望能帮到有需求的道友吧
  • 需要获取其中的自定义属性值,同时根据服务器返回数据进行状态的更改 通过参考文档及网友的经验,在此整理一番 使用方法 场景: 后台商品列表页,进行上下架状态的修改 ①. html 代码参考 着重注意 我设置的两个属性...
  • Day01 Layui form 表单验证lay-verify

    万次阅读 2018-05-18 11:56:51
    layui 表单 1.表单自带校验 lay-verify:是表单验证的关键字 有以下值供选择: required (必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义值 ...
  • 首先这是弹出层内网页的下拉框代码,从这个代码中我们可以看到select元素上方有个隐藏(hidden)的input框(这个是非常重要的存在),而input框的id正好是select内自定义属性textId的值,还有select内lay-filter的值...
  • 监听select选择 form.on('select(filter)', function(data){ console.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值 console.log(data.othis...获取自定义属性 data.el...
  • 当然,这样在前台直接写死的 貌似不大好,没关系,我们可以通过自定义模板的方法 数据都来自后台,前台只做判断,如: 效果如下: 关于table表格时间格式的调整: 上图的方法,试过这么写,但有时候...
  • element内置模块时layui框架中页面元素的交互功能的实现,主要是选项卡、面板、导航等的交互的实现。下面先分析element模块的组织结构,具体如下图所示: 从上图中可以看出,element模块使用该框架自己的模块加载...
  • LayUI的头部工具栏

    千次阅读 2019-07-05 10:02:25
    加入之后的代码为这样,其中,#toolbar0是自定义的js代码块儿,如果无此js代码块儿,则默认显示layUI自带的头部按钮 table.render({ elem: ‘#commodity’, //指定原始表格元素选择器(推荐id选择器) url: ******...
  • layui 表单标签的校验

    万次阅读 2018-05-11 10:34:30
    layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。required(必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义值同时支持多条规则的...
  • Layui form 表单验证lay-verify

    万次阅读 2018-10-14 11:56:24
    layui 表单 1.表单自带校验 lay-verify:是表单验证的关键字  有以下值供选择: required (必填项) phone(手机号) email(邮箱) url(网址) number(数字) date(日期) identity(身份证) 自定义值 同时支持...
1 2 3 4 5 ... 20
收藏数 1,198
精华内容 479
关键字:

layui获取自定义属性