jQuery: Create dropdown list; redirect on selection

dropdown-list-redirect-on-selection.js

(function(d, $) {

  load();

  $('#dropDown').on('change', function(e) {
    e.preventDefault();

    var selectedItem = $(this).find(":selected").val();
    if (selectedItem !== null) {
      d.location.href = selectedItem;
    }
  });

  function load() {
    var partDItems = $('ul > li > a'),
      $selectEl = $('<select id="dropDown" class="select">');
    $firstOption = $('<option>-- Select --</option>');
    $selectEl.append($firstOption);

    $.each(partDItems, function() {
      var $title = $(this).text().trim();
      var $link = $(this).attr('href');

      var $optionEl = $('<option>', {
        text: $title,
        value: $link,
      });

      $selectEl.append($optionEl);
    });

    $('.select-container').append($selectEl);
  }
})(document, jQuery);