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

sadwind2022-06-19笔记444

用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

layui 子页面用parent()拿到父页面的数据并回显数据

//父页面   定义一个全局变量来获取到表格当前行的数据 var objdata;  //工具条操作按钮事件   &nbs...

VUE学习基础:Vue 的工程化流程

VUE学习基础:Vue 的工程化流程

前言前端项目虽然在不同的项目流程有些差异,但是也有很多相同的部分,可以总结一下这些相同的部分,这里简要地列举了一些常见的开发流程分门别类列举了一些可能遇到的问题-需求评审(产品确定做什么)静态页面(配...

宝塔面板/NGINX 部署TP6/FUNADMIN出现的问题

都是在本地开发、调试好,上传到服务器上,也建了同名的数据库,但是访问出现一系列问题:1,提示数据库没有权限:如这样的错误:SQLSTATE[HY000] [1044] Access denied fo...

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

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

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

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

一天显示一次广告JS代码

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

Post Reply    

◎Welcome to participate in the discussion.