jQuery - 填充下拉列表并删除或合并重复项

jQuery - Populate dropdown and remove or merge duplicates

本文关键字:合并 删除 填充 下拉列表 jQuery      更新时间:2023-09-26

尝试基于 json 对象填充 drowpdown 框。因此,data保存从表中返回的项目,其中item_number .下面的函数有效,但如果有重复的item_number条目,那么选项的结尾是这样的:1,2,3,3,3。如何对3 item_numbers进行分组?

//populate #number dropdown
function numbers(data,n) {
    $("#number option:not(:first)").remove();
    var options = $("#number");
    $.each(data, function() {
        if(this.item_number != 0)
        {
            options.append($("<option />").val(this.item_number).text(this.item_number));
        }
    });
    var dropVal = (n != "" ? n : "Issue nr.");
    $("#number").val( dropVal );
}

对于奖励积分...如何按ASC顺序订购它们?目前,他们混在一起。jquery可以对它们进行排序吗?

您可以先创建一个具有非重复值的数组,然后使用该数组来构建选项。或者,一旦您过滤并创建非重复值数组,也可以在其他地方使用

var myArray = new Array();
$.each(data, function() {
    if(this.item_number != 0){
       if( $.inArray(this.item_number, myArray) == -1 ){
         myArray.push(this.item_number);
      }
 }

您可以使用item_number作为键和值创建对象。这将删除重复项。现在从这个对象创建一个数组并对其进行排序。