html - 从逗号分隔的文本文件填充下拉菜单

Question

我正在尝试HTML从位于服务器上的文本文件中填充选择列表。该文件设置如下：

ttt1111,John Doe
xxx2222,Jane Doe
etc....

第一列是 the <option value="">，第二列是显示的文本。我读入文件，然后按每一行将其拆分为一个数组。我在尝试找出使用这两个值创建正确附加行的代码时遇到了麻烦。

我对此非常陌生，因此任何帮助都将受到赞赏，即使只是指向示例的链接。到目前为止，这是我的代码，但它只是将整行分配给值和文本输出。

function PopulateSupervisorList() {
    var Suplist=[];
    var SupervisorFile="text.txt";
    var DDL = $("#iSupervisor");
    var SuperID=[];
    $.get(SupervisorFile,function(data) {
        Suplist = data.responseText.split("\n");
        for (var i=0; i < Suplist.length; i++) {
            DDL.append("<option value='" + SuperID[i] + "'>" + Suplist[i] + "</option>")
        }   
    });
}

Answer 1

您必须将每一行拆分为列

试试这个

function PopulateSupervisorList() {
    var SupervisorFile="text.txt";
    var DDL = $("#iSupervisor");
    $.get(SupervisorFile,function(data) {
        var suplist = data.responseText.split("\n"),
            cols;

        for (var i=0, len=suplist.length; i<len; i++) {
            cols = suplist[i].split(','); //split the line in columns
                                          //so  cols[0] -> ttt1111
                                          //and cols[1] -> John Doe
                                          //and so on for the rest lines
            DDL.append("<option value='" + cols[0] + "'>" + cols[1] + "</option>");
        }   
    });
}