javascript - Jquery多选触发更改

Question

我有一个类别树，我在页面上使用 Jquery 在选择先前的类别后生成新的类别选择。

我需要的是，如果我传递一个类别列表(它们是彼此的祖先和子代)，请使用代码来执行值选择(这将调用我之前编写的方法)。

以下是负责在类别更改时触发的代码:

$(document.body).on('change', '.category-select' ,function(event){

  var select_rank = parseInt($(event.target).attr('rank'));

  var current_category = event.target.value;

  select_category(select_rank, current_category, true)
});

当页面呈现时，有一些代码将创建第一个选择。然后，在每次选择更改时 - select_category 函数将呈现一个新的选择(如果类别有子类别)。

我正在传递名为 cat_list 的数组中的类别列表。如果设置了，我需要在最后一次选择时触发选择:

if(cat_list != null){
    for(cat_id in cat_list){
        $('.category-select').last().val(cat_id).change();
    }
}

Answer 1

您没有正确迭代数组。在您的代码中，cat_id 是数组索引，而不是数组中的值。试试这个:

if (cat_list) {
    var last_select = $('.category-select:last');
    $.each(cat_list, function(i, cat_id) {
        last_select.val(cat_id).change();
    });
}