码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-01-08 13:16:25      阅读:122      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!