选择 - 更改事件后触发打开事件

Question

我正在使用选择的jquery插件，并希望在调用change事件后立即触发打开事件，以便显示包含所有选项的搜索栏。

html代码

<select id="myselect" data-placeholder="Add foods you can buy here." style="height:30px;width: 100%" class="chosen-select" >
    <option value=""></option>
    {% for each in food_list %}
        <optgroup label={{each.node}}>
            {% if each.children %}
                {% for eachchild in each.children %}
                    <option>{{eachchild}}</option>
                {% endfor %}
            {% else %}
                <option>{{each.node}}</option>
            {% endif %}
        </optgroup>
    {% endfor %}
</select>

jqyery代码

$( document ).ready(function() {
    $('#myselect').chosen().change(function(){
    // alert('change event called');
    $('#myselect').trigger('chosen:activate');
    $('#myselect').trigger('chosen:open');
    add_food({{profile_id}});
    });
});

虽然$('#myselect').trigger('chosen:open');在我尝试使用控制台时会打开搜索栏和选项，但它在更改事件功能中不起作用。我哪里错了？

Answer 1

很难准确理解你在问什么，因为你没有提供足够有用的代码。

我创建了一个小提琴，表明这有效：http://jsfiddle.net/4VLrB/2/

你是否包括selected.css和chosen.jquery.js（包括jquery之后）？

<script type='text/javascript' src='jquery...'></script>
<script type='text/javascript' src='chosen.jquery.js'></script>