title: How can I add a drop down list in a table?
body: <p>Following situation:</p>
  
  <p>I'm programming a web-app, which get data from a server. I want to put these data in an table with two columns. In the first column there should be a name and in the second column should be a drop down list to choose which detailed information I want to get about the name in the first column.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" charset="utf-8" src="cordova.js"&gt;&lt;/script&gt;
  &lt;script src="datajs-1.0.2.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;    
  function readCustomerSuccessCallback(data, response) {
  
       var customerTable = document.getElementById("CustomerTable");
       for (var i = 0; i &lt; data.results.length; i++) {
              var row = customerTable.insertRow(1);
              var cell1 = row.insertCell(0);
              var cell2 = row.insertCell(1);
              cell1 = "data.results[i].CUSTOMER_NAME";
              cell2.innerHTML = '&lt;a href="javascript:void(0);" onclick="readProducts(' + data.results[i].STATION_ID + ')"&gt;' + data.results[i].CUSTOMER_NAME + '&lt;/a&gt;';
  
          }
      }
  &lt;/head&gt;
  &lt;body&gt; 
  
  &lt;table id="CustomerTable"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Customer&lt;/th&gt;
              &lt;th&gt;Filter the Data&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
               &lt;td&gt;EXAMPLE&lt;/td&gt;
               &lt;td class="dropdown"&gt;
                   &lt;form action="" name="FILTER"&gt;
                       &lt;select name="filter_for" size="5"&gt;
                           &lt;option value="Druck"&gt;Druck&lt;/option&gt;
                           &lt;option value="Zahl"&gt;Zahl&lt;/option&gt;
                           &lt;option value="Temperatur"&gt;Temperatur&lt;/option&gt;
                           &lt;option value="Drehzahl"&gt;Drehzahl&lt;/option&gt;
                           &lt;option value="andere"&gt;andere&lt;/option&gt;
                       &lt;/select&gt;
                   &lt;/form&gt;
               &lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My Problem is, that the function does not create the drop down list in the second column. I'm new with html and Javascript and searching in the web didn't help.</p>