title: How to change the youtube playlist ID with a drop down
body: <p>I am writing a page that pulls all the IDs from my Youtube channel, then displays them on the left side.</p>
  
  <p>When you click on them, they should load into the larger video player. </p>
  
  <p>However, what I also want is to use the drop-down to load the specific ID and refresh to the playlist.</p>
  
  <p>This is where I am at and I am now stuck:</p>
  
  <pre><code>$(document).ready(function () {
      var key = 'AIzaSyDu_WUtnA_2tJCKUYRjgJbkejgJyQTr-zc';
      var playlistId = ['PL1AE4427D4BE1FC08', 'PLE9cFSHEPaoHuOprDwha-8g18M5nbxUDY',
          ' PL3834F0575C7DDAF5', 'PLC8575C947E2F534E', 
          'PLE9cFSHEPaoE7qLUn398ncEBUYXKVLcZ0', 
          'PLE9cFSHEPaoEq9gtNryPHV2M3DmSEHKoS', 
          'PLA75344A6D4A313CC',
          'PLE9cFSHEPaoGrH1aaYQEI-iTv5Lgrrvtv', 
          'PLE9cFSHEPaoH1uBvx62reZNGzjAtTSVYT', 'PL47BE509053B369FE'];
      var URL = 'https://www.googleapis.com/youtube/v3/playlistItems';
      var URL2 = 'https://www.googleapis.com/youtube/v3/videos'
  
  $( "#sel_status" ).val();
      var sel = document.getElementById('sel_status').selectedIndex;
      var i = sel;
      var options = {
          part: 'snippet',
          key: key,
          maxResults: 50,
          playlistId: playlistId[i]
      }
  
  https://jsbin.com/taruheg/edit?html,css,js,output
  </code></pre>