javascript - 如何在加载时在页面的下拉列表中选择事件项目

Question

converting this UL to dropdown

 <ul class="list-group showdiv">
             <a href="developmentService"><li  class="list-group-item {{{ (Request::is('developmentService') ? 'active' : '') }}}">Bespoke         Software Development</li></a>
     <a href="UserExperienceService"><li  class="list-group-item {{{ (Request::is('UserExperienceService') ? 'active' : '') }}}">User Experience   Design</li></a>
     <a href="StaffService"><li  class="list-group-item {{{ (Request::is('StaffService') ? 'active' : '') }}}">Staff Augmentation</li></a>
     <a href="TestingService"><li  class="list-group-item {{{ (Request::is('TestingService') ? 'active' : '') }}}">Testing and Validation</li></a>
     <a href="GamingService"><li  class="list-group-item {{{ (Request::is('GamingService') ? 'active' : '') }}}">Gaming</li></a>
 </ul>

To convert Dropdown

Converting ul by this script.

     <script type="text/javascript">  $(function() {
         $('ul.showdiv').each(function() {
             var $select = $('<select />');
             $(this).find('a').each(function() {
                 var $option = $('<option />');
                 $option.attr('value', $(this).attr('href')).html($(this).html());
                 $select.append($option);
             });
             $(this).replaceWith($select);
         });

         $('select').on('change', function (e) {    
         var valueSelected = this.value;    
         window.location.href = valueSelected;  });  });

如何在页面的下拉列表中将“事件”项目启用为“selected=true”。 ** 它总是选择下拉列表中的第一项

Answer 1

也许这样的东西有效:(在每个循环内)

$('ul.showdiv').each(function() {
    var $select = $('<select />');
    $(this).find('a').each(function() {
        var $option = $('<option />');
        $option.attr('value', $(this).attr('href')).html($(this).html());
        if($(this).children().hasClass('active')){
            $option.prop('selected', true);
        }
        $select.append($option);
    });
    $(this).replaceWith($select);
});