首页 > 其他 > 详细

根据select不同的选项实现相应input框添加项的显示

时间:2015-01-08 13:14:35      阅读:232      评论:0      收藏:0      [点我收藏+]

实现效果:

  @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>

 

根据select不同的选项实现相应input框添加项的显示

原文:http://www.cnblogs.com/jiechn/p/4210537.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!