从CSV获取correspoding值

时间:2016-03-03 13:05:03

标签: javascript jquery

我需要解决一个关于csv的问题。我已经读过csv中的所有值(我有三个字段,如region,state,acc_name)并加载到相应的下拉列表中。但我的问题是,如果我选择我需要从csv获取相应状态值的区域我已经做了一些事情但是甚至没有获得任何单行代码请帮我完成这项任务。

我的代码是:

$(document).ready(function() {
  // AJAX in the data file
  $.ajax({
    type: "GET",
    url: "data.csv",
    dataType: "text",
    success: function(data) {
      processData(data);
    }
  });

  // Let's process the data from the data file
  function processData(data) {
    var table = $("<table />");
    var rows = data.split(/\r\n|\n/);
    for (var i = 1; i < rows.length - 1; i++) {
      var row = $("<tr />");
      var cells = rows[i].split(/,(?=(?:[^\"]*\"[^\"]*\")*(?![^\"]*\"))/);

      for (var j = 0; j < rows.length; j++) {
        var cell = $("<td />");
        cell.html(cells[j]);
        row.append(cell);
      }

      var usedNames = {};
      $("select[name='company1'] > option").each(function() {
        if (usedNames[this.text]) {

          $(this).remove();
        } else {
          usedNames[this.text] = this.value;
        }
      });
      $("select[name='company2'] > option").each(function() {
        if (usedNames[this.text]) {

          $(this).remove();
        } else {
          usedNames[this.text] = this.value;
        }
      });
      $("select[name='company3'] > option").each(function() {
        if (usedNames[this.text]) {

          $(this).remove();
        } else {
          usedNames[this.text] = this.value;
        }
      });

      var newvalue = cells[1].replace("\"", "");
      //var newvalue=cells[1].trim();

      var final1 = newvalue.replace("\"", "");

      var pandu = cells[0];
      $("#region").append("<option value =" + cells[0] + "> " + cells[0] + " </option>");
      $("#state").append("<option value =" + final1 + "> " + final1 + "</option>");
      $("#accname").append("<option value =" + cells[2] + ">" + cells[2] + "</option>");

      table.append(row);
    }

  }
});
function getstate() 
{
...
}

HTML:

Region:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select id="region" class="select" name="company1" onchange="getstate()"></select>
<br> State: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<select id="accname" class="select" name="company3"></select>
<br> Acct_Name:
<select id="state" class="select" name="company2"></select>
<br>

0 个答案:

没有答案