Выберите активный элемент в поле опции

Question

У меня проблема с «выбором» в мобильной версии моего сайта. Это код:

<select class="form-control" id="selectGift"> 
    {% for category in rewards_categories %} 
      <option id="{{category.tag}}" class=" BarCategory Bar{{category.tag}}" value="/xxxx/{{ category.id }}/{{ category.categoryName}}"> 
       {{category.categoryName}} 
      </option> 
     {% endfor %} 
</select> 

Как вы можете видеть, я использую расширение Twig в моем шаблоне :) Проблема в том, что, когда я изменить опцию перенаправления работает, но не изменит активный элемент списка, является всегда первый ..

Это мой JS код:

$('#selectGift').bind('change', function() { 
var url = $(this).val(); 
window.location = url; 
$(this).find('option:selected').addClass('active'); }); 

, что я делаю не так?

Благодаря

Answer 1

Вы должны использовать :selected вместо :active

var id = $(this).find('option:selected').attr('id'); 

Answer 2

я удалил ветку, если Cicle, теперь HTML является:

<select class="form-control" id="selectGift"> 
    {% for category in rewards_categories %} 
      <option id="{{category.tag}}" class=" BarCategory Bar{{category.tag}}" value="/xxxx/{{ category.id }}/{{ category.categoryName | lower }}"> 
       {{category.categoryName}} 
      </option> 
     {% endfor %} 
</select> 

Как я могу изменить страницу на выбор другой вариант и установить его на активный?