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-filterhorizontal-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
    }
})

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

更改多重选择的事件

2 个答案: