基于Select Option jQuery的{Ajax和Show-Hide

Question

Hello StackOverflow社区，

我尝试使用基于Select Option jQuery的Show-Hide实现一个下拉列表。

但是当我切换页面时， javascript再也不能使用了。我从这里https://codepen.io/atelierbram/pen/gusxF

我将我的版本改为我的需要：

<div class="dropbutton dropdown"> 
            <select id="colorselector">
                <option value="leipzig">Leipzig</option>
                <option value="raststatt">Raststatt</option>   
            </select>
        </div>
 <div class="output">
   <div id="leipzig">My Output1</div>
   <div id="raststatt">My Output2</div>
 </div>


 $(function() {
  $('#colorselector').change(function(){
    $('.colors').hide();
    $('#' + $(this).val()).show();
  });
 });

谢谢你，祝福，raikas。