Foundation 3 & Javascript Issue

Question

Я использую Foundation 3 и имеет раскрывающийся список, чтобы изменить URL-адрес на основе выбранного. Код в фигурных скобках - это теги ExpressionEngine, которые работают правильно. HTML - выберите скрыт - см фундаментные документы, внизу страницы здесь, http://bit.ly/1b9gAjG:

<form id="materials-year" class="custom"> 
    <select class="support attribute" style="display:none;" onChange="this.form.submit()"> 
     <option>Select Year</option> 
     <option value="{site_url}members/">All</option> 
     {exp:low_yearly_archives channel="member-materials" limit="50"} 
     <option value="{site_url}members/{year}/">{year}</option> 
     {/exp:low_yearly_archives} 
    </select> 

    <div class="custom dropdown"> 
     <a href="#" class="current"> 
     Select Year 
     </a> 
     <a href="#" class="selector"></a> 
     <ul> 
     <li><a href="/members/">All</a></li> 
     {exp:low_yearly_archives channel="member-materials" limit="50"} 
     <li><a href="/members/{year}/">{year}</a></li> 
     {/exp:low_yearly_archives} 
     </ul> 
    </div> 
</form> 

Форма не не представляет, так как там нет кнопки отправки. Однако, добавив следующий javascript, форма будет правильно отправлена, если я покажу вам выбор, но выглядит некрасиво.

Javascript

// Year Drop Down on members page 
// change url 
$(document).ready(function() { 
    $('#materials-year select').change(function(){ 
     window.location = $(this).val(); 
    }); 
}); 

не может понять, что нужно изменить, чтобы иметь раскрывающуюся работу без кнопки отправки. Вся помощь очень ценится.

обновление

Похоже Фонд зачистки теги А в раскрывающемся списке дел.

Answer 1

Try:

$('.dropdown').on('click', 'li a', function (e) { 
     var location = this.href; 
     if (location != '') { // require a URL 
      window.location = location; // redirect 
     } 
     e.preventDefault(); 
}); 

//also make sure the values in your select are actual full URLs