Question

我从csv文件中获取了值，并将这些值放在相应的下拉列表中。问题是在csv文件中我有重复的条目，因此相同的重复条目在下拉列表中。我需要删除重复项。放入下拉代码我没有使用选择选项代码我正在使用"$("#checkboxes").append("<input type='checkbox' class ='chk' name='locationthemes' onclick='pandu();' value ="+cells[0]+"> " +cells[0] + " </input><br>");"

从csv文件中获取值的代码：

var list=[];
var region =[];
var state=[];
var state1=[];
var accname=[];
$(document).ready(function() {
 // AJAX in the data file
    $.ajax({
        type: "GET",
        url: "data.csv",
        dataType: "text",
        success: function(data) {processData(data);}
        });

    // Let's process the data from the data file
    function processData(data) {
        var table = $("<table />");
                   var rows = data.split(/\r\n|\n/);
                    for (var i = 1; i < rows.length-1; i++) {


                        var row = $("<tr />");
                        cells = rows[i].split(/,(?=(?:[^\"]*\"[^\"]*\")*(?![^\"]*\"))/);
                        list.push(cells)
                        var newvalue=cells[1].replace("\"", ""); 
                        var pandu=cells[0];

                       // var panduuu=jQuery.unique(cells[0]);
                        //alert("panduuu::"+panduuu)

                            $("#checkboxes").append("<input type='checkbox' class ='chk'   name='locationthemes' onclick='pandu();' value ="+cells[0]+"> " +cells[0] + " </input><br>");                        



                         table.append(row);

                    }


    }


});

Answer 1

改变这个：

var rows = data.split(/\r\n|\n/);

对此：

var rows = $.unique(data.split(/\r\n|\n/));

Answer 2

var rows = data.split(/\r\n|\n/);
console.log(rows.length);

var data = unique(rows);
console.log(data.length);
for (var i = 0; i < data.length ; i++) {
      //Populate your drop down here
}

function unique(array) {
   return $.grep(array, function (elem, index) {
        return index === $.inArray(elem, array);
   });
}

删除下拉列表中的重复项

2 个答案: