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

sadwind2022-06-19笔记439

用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

ICMS 标签 调节器

模板标签调节器允许在任何以 $ 开头的标签中使用调节器对得到的值进行处理,形式为:modifiers调节器可带参数 参数可以是模板自带调节器,也可以是PHP的函数<!--{$...

TP6实现添加数据功能,重复提交问题

这是在使用一个基于TP6的开源的、名为FunAdmin的后台管理系统时,在此系统上二次开发时,自己新建一个应用,在实现添加数据功能时,总是出现重复提交,添加一次数据,实现添加了两条,代码也没啥问题。经...

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

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

C#全局键盘监听(Hook)的使用

一.为什么需要全局键盘监听?在某些情况下应用程序需要实现快捷键执行特定功能,例如大家熟知的QQ截图功能Ctrl+Alt+A快捷键,只要QQ程序在运行(无论是拥有焦点还是处于后台运行状态),都可以按下快...

通过COOKIE来控制广告显示

现在有一个广告,但是广告的形式不太友好,担心加载这个广告会严重影响网站浏览体验,不弄吧,网站又一点收益没有,于是想到一个办法,让网站在一定时间里,只展示一次这样的广告,这样能一定程序缓解网站访问者的容...

Why is the strong conversion of this byte ineffective? Shouldn't the result be 1

using System; using System.IO; namespace HelloWorldApplication {   publ...

Post Reply    

◎Welcome to participate in the discussion.