<div> <select class="select"> <option value="2019">2019</option> <option value="2018">2018</option> <option value="2017">2017</option> </select> </div> <div> <ul class="sileUl" id="2019"> <li> <div>2019</div> </li> </ul> <ul style="display: none;" class="sileUl" id="2018"> <li class="content"> <div>2018</div> </li> </ul> <ul style="display: none;" class="sileUl" id="2017"> <li class="content"> <div>2017</div> </li> </ul> </div> <script> $(function(){ $(".select").change(function () { var selectId=$(this).val(); /*当前点击option里value的值*/ $('.sileUl').fadeOut(); /*将class=sileUL的隐藏*/ $("#"+selectId).fadeIn();/*将id=value显示*/ }) }) </script>