根据select不同的选项实现相应input框添加项的显示_select case inputbox 在单元格显示-优快云博客

本文介绍了一个使用jQuery实现的示例，通过监听下拉选择框的变化来动态显示或隐藏不同的输入框，具体包括按小时计费、按里程计费及同时包含两种计费方式的情况。

大神网站：https://jquery.cuishifeng.cn/index.html

实现效果：

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