526互联

jquery/js 根据下拉框选择的值进行按钮展示

发布时间 2023-05-25 13:51:39作者: 綦霖

学习如逆水行舟，不进则退~

　　最近接了一个n年前的老项目增加新功能，本以为手到擒来结果再写页面上的效果时还是翻车了，特此记录一下~

 

将近三四年没写jsp的页面了，基本忘光了，现在是要做一个批量下载的功能，但是又要是特定的某一个才有这个功能所以就有了以下的过程。

一、实现效果当我在下拉框选择特定code的时候显示一个按钮，点击按钮进行下载当前查询的所有结果，包括但不限于当前页

二、先实现在下拉框选择特定code的时候显示一个按钮功能，通过度娘的帮助下自己写了一个demo效果如下

　　

--------》

整体算是实现这个功能了，，本来是一件小事但是给我的感受就是开头第一句话，人的忘性很大，所以好记性不如烂笔头！bey~

复制代码点我在线预览

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>

<script type="text/javascript" charset="utf-8">
    function settlementDownloadType(fronterCode){
        alert(fronterCode);
        if (fronterCode=='AZCL'){
           $('#downloadAllSub').show();
        }else if (fronterCode==0){
           $('#downloadAllSub').hide();
        }
    }
</script>
</head>

<body>
<div>
    <label>产品属性</label>
    <div>
        <select id="fronterCode" onchange="settlementDownloadType(this.options[this.options.selectedIndex].value)">
            <option value="AZCL">男</option> 
            <option value="0">女</option> 
            <option value="3" selected="selected">-请选择属性-</option>
        </select>
    </div>
    <input id="downloadAllSub" type="button" style="display: none" value="批量下载" />
</div>

    

</body>

</html>