title: Reading a CSV file to a HTML drop down
body: <p>I am trying to have a .csv file read to a  drop down in HTML.  Currently with the code below, my drop down is not being populated. I am not sure if it's because of my path or if I am not calling it correctly in my HTML. Any advice?</p>
  
  <p>code (I found this code as an example and was trying to implement it to test with no luck):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(function() {
  
    var csv_path = "C:\Users\userName\Documents\Qlik\Request Page\streamFileTEST.csv";
  
    var renderCSVDropdown = function(csv) {
      var dropdown = $('select#selectStyle');
      for (var i = 0; i &lt; csv.length; i++) {
        var record = csv[i];
        var entry = $('&lt;option&gt;').attr('value', record.someProperty);
        console.log(record);
        dropdown.append(entry);
      }
    };
  
    $.get(csv_path, function(data) {
      var csv = CSVToArray(data);
      renderCSVDropdown(csv);
    });
  
  }());
  
  function CSVToArray(strData, strDelimiter) {
  
    strDelimiter = (strDelimiter || ",");
  
    var objPattern = new RegExp((
      "(\\" + strDelimiter + "|\\r?\\n|\\r|^)" +
  
      "(?:\"([^\"]*(?:\"\"[^\"]*)*)\"|" +
  
      "([^\"\\" + strDelimiter + "\\r\\n]*))"
    ), "gi");
  
  
    var arrData = [
      []
    ];
  
    var arrMatches = null;
  
    while (arrMatches = objPattern.exec(strData)) {
  
      var strMatchedDelimiter = arrMatches[1];
  
      if (strMatchedDelimiter.length &amp;&amp; strMatchedDelimiter !== strDelimiter) {
  
        arrData.push([]);
  
      }
  
      var strMatchedValue;
  
      if (arrMatches[2]) {
  
        strMatchedValue = arrMatches[2].replace(new RegExp("\"\"", "g"), "\"");
  
      } else {
        strMatchedValue = arrMatches[3];
  
      }
  
      arrData[arrData.length - 1].push(strMatchedValue);
    }
  
    return (arrData);
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#selectStyle {
    height: 29px;
    overflow: hidden;
    width: 470px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;img class="imgQlik" src="qlik-sense-logo.png"&gt;
  &lt;hr&gt;
  &lt;form action="mailto:emailAddress.com" method="post" enctype="text/plain"&gt;
    &lt;div&gt;
      &lt;table id="requestTable"&gt;
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td class="tdLabel"&gt;
              &lt;label&gt;Name:&lt;/label&gt;
            &lt;/td&gt;
            &lt;td class="tdInput"&gt;
              &lt;input type="text" id="user-name" name="display-name" pattern="[A-Za-z\s]+" maxlength="50" minlength="2" required&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td class="tdLabel"&gt;
              &lt;label&gt;Stream List:&lt;/label&gt;
            &lt;/td&gt;
            &lt;td&gt;
              &lt;select id="selectStyle" name="streamlistselect"&gt;&lt;/select&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
    &lt;input class="buttonRequest" type="submit" value="Submit Request"&gt;
  
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>