LAYUI 使用SELECT,动态改变INPUT值和属性

sadwind2022-06-19笔记435

用form.on监听select事件即可,然后用JQUERY得到input的ID,来改变input的属性和值。

但是我用的是FunAdmin的第三方表单组件,无法给input添加ID属性,所以只能用document.getElementsByName来取input。注意document.getElementsByName得到的是对象集合,使用进要用下标来得到值。

<form class="layui-form" lay-filter="form">
{:form_input('quality','text',['label'=>'保质期','filter'=>'quality'])}
{:form_select('qualityType',['天'=>'天','月'=>'月','年'=>'年','长期'=>'长期'],['label'=>'','filter'=>'qualityType'],'',)}  
{:form_submitbtn()}
</form>
    layui.use('form', function () {
        var form = layui.form;      
        form.on('select(qualityType)', function (data) {
            let quality= document.getElementsByName("quality");
            if(data.value=="长期"){
                quality[0].value="";
                quality[0].disabled = true;   
            }else{                
                quality[0].disabled = false;
                quality[0].focus();
            }
        });
    });


relate content

TP6 一条数据库查询代码 column索引值理解

// 返回数组 Db::table('think_user')->where('status',1)->column('name'...

JS/JQUERY 动态修改样式CSS

    $(".layui-table-box").css("border-width","0px"...

使用字符串匹配 屏蔽一下搜索关键词

总是有些不怀好意的人,使用一些SQL注入词来尝试搜索,真想对这些人说一句,去你妈的。网站会记录搜索词,我不想记录这些数据,同时也想单独对这些人做一个提示页面,就将一些常用SQL注入字符做个数组,然后跳...

新的启程:得想点办法 好点子

因为个人原因,想做个网站,利用空余时间,网上收集整理一些资源,放些广告赚点小钱,目前看来很难实现了。申请了好多次广告联盟,都被拒绝了,大概理由就是网站流量不够,内容不多,原创内容少,仔细一想,这还是很...

扩展 layui 的导出插件 layui.excel

就像下面说的一样,遇到问题。https://gitee.com/zypy333/layui-excel之前在工作过程中还有社区交流过程中,发现对导出 Excel 文件有需求,所以就萌发了封装插件的想法...

LayUI在弹出层中刷新父页面的表格数据

 parent.layui.table.reload(      '父页面表格ID',   &nbs...

Post Reply    

◎Welcome to participate in the discussion.