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>
  • 相关阅读:
    jquery获取当前时间比较日期
    php获取时间计算时间差
    计数查询统计
    jQuery选取所有复选框被选中的值并用Ajax异步提交数据
    在java中实现对access数据库的远程访问
    sublime快捷键
    局部变量和成员变量的区别
    常见的几种数组排序方法
    JVM的内存划分
    Java函数
  • 原文地址:https://www.cnblogs.com/jiechn/p/4210537.html
Copyright © 2011-2022 走看看