使用jQuery中的多选插件动态分配项目上的选定标记

时间:2012-03-16 09:51:51

标签: jquery jquery-ui multi-select

我使用这组插件(multiselect和jQuery)遇到了下一个问题。

我在select标签中有静态列表。我用smarty(php)设置它并用多选插件包装它。然后我用ajax请求接收json数据,最后我想要选择静态列表中的项目。所以...我正在使用下一件事。

$("select#search_operation").change(function(){
            $.getJSON("ajax_oper_workers",{order_id: $("#search_order_id :selected").val(), operation_id: $("select#search_operation").val(), ajax: 'true'}, function(data){
            //  alert();
                var options ="";
                for (var key in data) {
                    $("#worker_"+data[key].id).attr('selected', 'selected');
                };
                $("#workers_select").multiselect("refresh");
            });
        });
        $("#workers_select").multiselect({sortable: false, dividerLocation: 0.51, width: 1000});

点击提交按钮发送帖子,在那里我可以看到发送了正确的项目。但在点击它之前,我想在多视图视图的左侧看到这些项目。我认为我的代码应该可行,但事实并非如此。它没有在视图的右侧放置正确的项目。

为了清楚地理解,这里是它的样子。 multiselect

1 个答案:

答案 0 :(得分:0)

如果你需要AJAX,可以使用这个:

https://github.com/michael/multiselect/tree/next

这是完全相同的插件,只有AJAX功能: - )

希望它有所帮助!