jQuery显示隐藏元素

最新推荐文章于 2022-03-27 17:19:44 发布

lijunlinlijunlin

最新推荐文章于 2022-03-27 17:19:44 发布

阅读量151

点赞数

分类专栏： javaScript 文章标签： html jquery

本文链接：https://blog.csdn.net/lijunlinlijunlin/article/details/110475250

版权

javaScript 专栏收录该内容

55 篇文章 1 订阅

订阅专栏

<html>
<head>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>
        function doc() {
            $("#company").show();
            $(".submit").show();
        }
        function pdf() {
            $("#company").hide();
            $(".submit").hide();
        }
    </script>
</head>
<body style="">
    <div id="operation">
        <button onclick="doc()">doc</button>
        <button onclick="pdf()">pdf</button>
    </div>
    <div style="">
        <lable>请输入模板号</lable><input type="text" width="80px">
        <lable>请输入产品号</lable><input type="text" width="80px">
        <div id="company">
            <lable>请选择商户</lable>
            <select style="width:200px">
                <option>aaa</option>
                <option>bbb</option>
                <option>ccc</option>
            </select>
        </div>
        <div class="submit">
            <input type="text" width="180px"><button>上传</button>
        </div>
    </div>
</body>
</html>