オプションボックスで有効な項目を選択

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> 

:) は、ある問題がされていること常に最初..

これは私のJSコードです：

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

私が間違っているのでしょうか？

<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> 

私は別のオプションを選択する上でページを変更するにはどうすればよい：cicleは、今のhtmlがある場合は、:selected代わりの:active

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

Answer 1

iは小枝を削除しましたそれをアクティブに設定しますか？

Answer 2

を使用する必要が

おかげ