zoukankan      html  css  js  c++  java
  • html query控制显示隐藏(下拉框控制)

    <!DOCTYPE html>
    <html>

    <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
    </head>
    <script>
    $(function() {
    //隐藏div
    $("#shouhou2").hide();
    $("#shouhou2").hide();
    $("#shouhou3").hide();
    //给div添加change事件
    $("#type").change(function() {
    if($(this).val() == 1 ) {
    // $("#shouhou1").show();
    // $("#shouhou2").hide();
    // $("#shouhou3").hide();
    } else if($(this).val() == 2 ) {
    $("#shouhou2").show();
    $("#shouhou1").hide();
    $("#shouhou3").hide();
    }
    else if($(this).val() == 3 ) {
    // $("#shouhou3").show();
    // $("#shouhou1").hide();
    // $("#shouhou2").hide();
    }
    })
    })
    </script>

    <body>
    <select class="select" size="1" name="type" id="type">

    <option value="1">表格</option>
    <option value="2">折线图</option>
    <option value="3">柱状图</option>

    </select>
    <div id="shouhou1" style>表格区域</div>
    <div id="shouhou2" style>折线图区域</div>
    <div id="shouhou3" style>柱状图区域</div>
    </body>

    </html>

  • 相关阅读:
    java 使用相对路径读取文件
    appium 使用过程问题踩坑-笔记
    CentOS下启动Tomcat
    jodis遇到的问题
    CentOS 7.0 防火墙
    sentinel
    keepalived
    在Tomat7上使用Redis保存Session
    Log4j 使用
    java路径问题
  • 原文地址:https://www.cnblogs.com/ayanboke/p/11492760.html
Copyright © 2011-2022 走看看