實現效果：

　　@1.單擊包時，顯示包時的添加項

? ? @2.單擊包里程，顯示包里程的添加項

二 ?代碼實現：

　　給select添加change事件 獲取當前select的value 根據value判斷對象顯示其添加項框

?

<script> $(document).ready(function() {$('#types').change(function() { #type 為select idvar 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>

?

轉載于:https://www.cnblogs.com/jiechn/p/4210537.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的根据select不同的选项实现相应input框添加项的显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。