JavaScript/jQuery:从列中获取所有值而不重复

Question

我想创建一个选择下拉列表,其中包含列中的所有值,每个值只出现一次.

有没有办法在JavaScript或jQuery中实现这一点,假设我有一个基本的HTML表格,并且有问题的列是columnA？

蒂姆,非常感谢你提供的任何帮助.

Answer 1

您需要进行一些检查,以确保您尚未包含列,例如:

function makeSelectFromColumn() {
    var arr = [];
    $("td:first").each(function() {
        if ($.inArray($(this).text(), arr) == -1)
            arr.push($(this).text());
    });

    //Create your select
    var select = $("<select />");
    for (var i = 0; i < arr.length; i++) {
        $("<option>" + arr[i] + "</option>").appendTo(select);
    }

    select.appendTo("body"); //append where you need
}