从HTML表格行中的Multiselect2获取Select2 Id

Question

您好， 我有一个html表，多行显示房间，我想设置分配多个学生到那个房间 使用Multi Select2， 条件是一个学生可以分配到任何单个房间，所以当我必须过滤已经选择。 学生根据我的搜索条件， 请让我知道我该如何解决这个问题， 在这里，我附上了屏幕截图，以便更好地理解我想要做的事情 这是添加单行的代码。 谢谢，

function add_room(data) {

        var room_name = data.name;
        var room_capacity = data.capacity;

        var tr = "<tr id='product_" + i + "'>" +
                "<td>" +
                room_name +
                "</td>" +
                "<td>" +
                room_capacity +
                "</td>" +
                "<td align='right'>" +
                "<div class='td_input'>" +
                "<input type='hidden' class='form-control input-sm product student' id='student' placeholder='Select Multiple Students' capacity='" + data.capacity + "' name='room[" + i + "][student]' />" +
                "<input type='hidden' class='form-control input-sm product' id='room_id' value=" + data.id + " name='room[" + i + "][room_id]' />" +
                "</div>" +
                "</td>" +
                "</tr>";
        $("#room_table tbody #add_product_button").before(tr);
        var lastResults = [];

        var elem = $("#product_" + i);
        var capacity = elem.find("#student").attr("capacity");
        elem.find("#student").select2({
            multiple: true,
            tokenSeparators: [","],
            maximumSelectionSize: capacity,
            ajax: {
                url: "<?php echo site_url("drop_down/get_student"); ?>",
                dataType: "json",
                type: "POST",
                quietMillis: 500,
                data: function(term, page) {
                    return {
                        json: JSON.stringify(lastResults),
                        str: term,
                        status: 0,
                        page_limit: 100,
                        page: page,
                        select2: $("#room_alocation_table_form").serialize()
                    };
                },
                results: function(data, page) {
                    var more = (page * 100) < data.total;
                    lastResults = data.results;
                    return {results: data.results, more: more};
                }
            },
            allowClear: true
        });

        i++;
    }

Answer 1

我在这里得到的答案是我的更新功能，

 function add_product(data) {
            var results = [];
            var bus_name = data.name;
            var bus_seat = data.seat;
            var arr = {};

            if (data.student_id) {
                var ids = data.student_id.split(",");
                var texts = data.student_name.split(",");

                arr = toObject(ids, texts);
                var student_val = arr;
            }
            var tr = "<tr id='product_" + i + "'>" +
                    "<td>" +
                    bus_name +
                    "</td>" +
                    "<td>" +
                    bus_seat +
                    "</td>" +
                    "<td align='right'>" +
                    "<div class='td_input'>" +
                    "<input type='hidden' class='form-control input-sm product student' id='student' placeholder='Select Multiple Students' seat='" + data.seat + "' name='bus[" + i + "][student]' />" +
                    "<input type='hidden' class='form-control input-sm' id='bus_id' value=" + data.id + " name='bus[" + i + "][bus_id]' />" +
                    "</div>" +
                    "</td>" +
                    "</tr>";
            $("#bus_table tbody #add_product_button").before(tr);
            var lastResults = [];

            var elem = $("#product_" + i);
            var seat = elem.find("#student").attr("seat");

            elem.find("#student").select2({
                multiple: true,
                tokenSeparators: [","],
                maximumSelectionSize: seat,
                ajax: {
                    url: "<?php echo site_url("drop_down/get_student"); ?>",
                    dataType: "json",
                    type: "POST",
                    quietMillis: 500,
                    data: function(term, page) {
                        return {
                            json: JSON.stringify(lastResults),
                            str: term,
                            status: 0,
                            page_limit: 100,
                            page: page,
                            allocation: "bus",
                        };
                    },
                    results: function(data, page) {
                        var more = (page * 100) < data.total;

                            $.each(data.results, function(i, val) {
                            if ($.inArray(val.id, selected_array) === -1) {
                                results.push({id: val.id, text: val.text});
                            }
                        });
                        var final_data = {results: results, more: more};
                        lastResults = final_data.results;
                        return final_data;
                    }
                },
                allowClear: true
            }).on('change', function() {
                var value = $(this).val().split(",");
                $.grep(value, function(el) {
                    if ($.inArray(el, selected_array) == -1) {
                        selected_array.push(el);
                    }
                });
            });

            if (!$.isEmptyObject(student_val)) {
                elem.find("#student").select2('data', student_val);
            }

            if (!$.isEmptyObject(student_val)) {
                var arr = $.map(student_val, function(el) {
                    selected_array.push(el['id']);
                    return el;
                });
                elem.find("#student").select2('data', arr);
            }

            i++;
        }