Question

我有一个＆＃34;选择＆＃34;在我的网站的移动版本中。这是代码：

<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'); 
});

我还有两个可以使用的Twig变量：

{{category.id}}，其中我有列表中的apper类别的id;

{{currentIdCategory}}，其中我显示了当前类别页面的ID;

我做错了什么？

Answer 1

您需要选择当前选定的类别（如评论中所示）：

<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}}" {% if category.id == currentIdCategory|default(-1) %} selected{% endif %}>
            {{category.categoryName}}
        </option>
    {% endfor %}
</select>

选择菜单，选项不识别页面

1 个答案: