Jquery 使用ajax过滤CSV的第1列并显示第2列数据

我希望有一个简单的HTML下拉选择列表，当选择一个选项时，它充当CSV第一列的过滤器，然后显示第二列的过滤数据

这是我正在使用的代码笔： 我能够加载CSV并使用以下代码显示它：

jQuery(function($){
    $.ajax({
    url: "https://cors-anywhere.herokuapp.com/https://drive.google.com/uc?export=download&id=0B9qMSGDUnssqd1hFTVUxak0wRHc",
    type: 'GET',
    dataType: 'text',
    success: function (data) {
       $.each(data.split(/[\n\r]+/), function(index, line) {
        $('<li>').text(line).appendTo('#client-data');
       });
    },
     async: true
    });

})

---

但我对如何过滤它和使用html选择列表中的变量作为过滤器几乎一无所知。在该代码笔中，CSV有两列，一列是字母A、A、A、A、B、B、B，第二列是数字1、2、3、4、5100101102103104105。

几乎在那里！您只是没有指定列的方法：

$('<li>').text(line.split(/\t/)[1]).appendTo('#client-data'); //grab the second element

jQueryfunction${ $.ajax{ 网址：https://cors-anywhere.herokuapp.com/https://drive.google.com/uc?export=download&id=0B9qMSGDUnssqd1hFTVUxak0wRHc, 键入：“GET”， 数据类型：“文本”， 成功：函数数据{ $.eachdata.split/[\n\r]+/，函数索引，第行{ temp=行分割/\t/； 如果温度[0]==A $.texttemp[1]。追加到“客户端数据”； }; }, 异步：true }; };

---

所以在逗号上拆分它，将第一个值与选择值进行比较。如果匹配，请附加它。谢谢！知道如何检查第一列的值是否与变量匹配，然后输出第二个元素吗？不太幸运，我可能用了错误的方法：if$.line.split/\t/[0]==var{更新了文章中的代码。如果您可以标记为解决方案，这会有很大帮助。非常感谢！工作非常好，只需将函数设置为在选择更改时运行，并在附加所有内容之前清除它。html