HTML根据下拉框的值动态展示其他input框数据

今天药忘吃喽~ 2023-10-05 17:06 12阅读 0赞

**前端html 原生代码**

描述:这里是实现一个下拉框 对应的下拉框的值 展示对应的 时间个数inpu框  
例如: 下拉框是 半年 那么付款日期 就展示二个 付款的input框  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NxTDUyMGxU_size_16_color_FFFFFF_t_70]

//选择季度
        $("#quatrdate").change(function () {
        
            var type=this.options[this.options.selectedIndex].value
            if(type=="月度"){
        
                $("#payTimeTwo1")[0].style.display="block"
                $("#payTimeThree1")[0].style.display="block"
                $("#payTimeFor1")[0].style.display="block"
            }
            if(type=="季度"){
        
                $("#payTimeTwo1")[0].style.display="block"
                $("#payTimeThree1")[0].style.display="block"
                $("#payTimeFor1")[0].style.display="block"
            }
    
            if(type=="半年"){
        
                $("#payTimeTwo1")[0].style.display="block"
                $("#payTimeThree1")[0].style.display="block"
                $("#payTimeFor1")[0].style.display="none"
            }
            if(type=="年"){
        
                $("#payTimeTwo1")[0].style.display="none"
                $("#payTimeThree1")[0].style.display="none"
                $("#payTimeFor1")[0].style.display="none"
            }
        })

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NxTDUyMGxU_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210105151228487.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NxTDUyMGxU,size_16,color_FFFFFF,t_70