zoukankan      html  css  js  c++  java
  • 根据select不同的选项实现相应input框添加项的显示

    实现效果:

      @1.单击包时,显示包时的添加项

        @2.单击包里程,显示包里程的添加项

    二  代码实现:

      给select添加change事件 获取当前select的value 根据value判断对象显示其添加项框

    <script>
    $(document).ready(function() {
        $('#types').change(function() {  #type 为select id
          var v = $(this).val();
          switch (v) {
            case '1' :
              $('#miles').hide();
              $('#hours').show();
              $('#use-car-start-time').show();
              $('#use-car-end-time').show();
            break;
            case '2' :
              $('#miles').show();
              $('#hours').hide();
              $('#use-car-start-time').hide();
              $('#use-car-end-time').hide();
            break;
            case '3' :
              $('#miles').show();
              $('#hours').show();
              $('#use-car-start-time').show();
              $('#use-car-end-time').show();
                break;
    }
    })
    })
    </script>
  • 相关阅读:
    Object.defineProperty 监听对象属性变化
    Object.create(null) 和 {} 区别
    Vue 源码 基础知识点
    js setTimeout和setInterval区别
    Fiddler抓包工具使用方法
    使用 Jmeter 做 Web 接口测试
    Python 操作 SQL 数据库 (ORCAL)
    python连接MySQL数据库问题
    抓包工具Charles基本用法
    Python数据分析之pandas学习
  • 原文地址:https://www.cnblogs.com/jiechn/p/4210537.html
Copyright © 2011-2022 走看看