jquery - 多选更改事件

Question

当多选中的选项元素数量发生变化时，我想触发一些代码。

这是我的 html 的样子：

<select id="id_foods_to" multiple="multiple" size="0" name="foods" class="filtered">
    <option value="1">stuff</option>
    <option value="2">more stuff</option>
<select>

这是我编写的一些代码，但未能实现我的目标：

$("#id_foods_to").change(function () {

    alert('success!');

});

另外，我正在使用这个http://bitkickers.blogspot.ca/2010/05/reuse-djangos-filterhorizo​​ntal-admin.html

Answer 1

您的代码有效，只需删除第一行中的选择结束标记..

<select id="id_foods_to" multiple="multiple" name="foods" class="filtered">
    <option value="1">stuff</option>
    <option value="2">more stuff</option>
</select>

Answer 2

试试这个，当您单击箭头时，检查是否使用此代码添加了项目：

var oldLength = $('#id_foods_to').children().length;
$(document).on('click', '.yourArrowClass', function(){
    if(oldLength != $('#id_foods_to').children().length){
        oldLength = $('#id_foods_to').children().length;
        //Your code here
    }
})

如果这不起作用，我会请你做一个小提琴，这样会更容易帮助你。