Question

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

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

第一列是<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>");
        }   
    });
}

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

1 个答案: