添加选项

Question

我从csv加载数据并将其拆分为行和单元格。在我的csv文件中，每行中的第一个单元格应该是我的optgroup，其余的应该是当前optgroup中的选项。它只适用于optgroups（一个循环），但是当我添加选项时，我在optgroup文本中获得额外的双引号并且不显示。请帮忙

//loading file
   $.get("file.csv",function(data)

//spliting data
    {
        var rows=data.split("\n");
        for (var i=0; i<rows.length; i++)
        {
            var cells=rows[i].split(";");

//first cell in the row = optgroup
            $('select').append("<optgroup>"+cells[0]);

//second loop - the rest of cells in the row = options
            for (var j=1; j<cells.length; j++)
                {
                    $('select optgroup').eq(i).append('<option>'+cells[j])
                }
         }
     }); 

Answer 1

由于您以这种方式添加元素，因此需要正确关闭标记。 optgroup也没有文字内容。将其添加到标签。

//loading file
$.get("file.csv", function(data)
  //spliting data
  {
    var rows = data.split("\n");
    for (var i = 0; i < rows.length; i++) {
      var cells = rows[i].split(";");

      //first cell in the row = optgroup
      $('select').append("<optgroup label='" + cells[0] + "'></optgroup>");

      //second loop - the rest of cells in the row = options
      for (var j = 1; j < cells.length; j++) {
        $('select optgroup').eq(i).append('<option>' + cells[j] + '</option>')
      }
    }
});