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

sadwind2022-06-19笔记524

用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

一天显示一次广告JS代码

window.onload = function () {        &nb...

JQUERY 选择器 为啥不能选择NAME呢

语法描述$(this)当前 HTML 元素$("p")所有 <p> 元素$("p.intro")所有 class="intro"...

FASTADMIN 弹窗出现两次“确定”、“重置”按钮

FASTADMIN是一个不错THINKPHP开源框架应用,不过它主要功能都集中在后台开发上,前端提到很少,资料也少。在做二次开发时,前台应用直接把后台代码复制到前台时,其中使用数据表格时,新增、编辑等...

使用FunAdmin二次开发 新建一个应用需要哪些东西

backend是FunAdmin默认的后台应用。1,先建一个数据表,如fun_dealer.2,根据表建一个模型,如:app/backend/model/Dealer.php3,根据表名,建一个控制器...

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

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

中文分词搜索 准备学习使用XunSearch(迅搜)

现在正在使用SHPINX 全文检索、分词工具,其实网站规模并不大,也用不着全文检索,主要是为了中文分词,原生的SQL来查询,局限太大。但是SHPINX这个工具老是出问题,莫名其妙的停止,重启...

Post Reply    

◎Welcome to participate in the discussion.