title: How to create <select> in editable datatable in metronic?
body: <p>I need to use <code>&lt;select&gt;</code> in editable datatable.</p>
  
  <p>I use this editable in metronic theme: <a href="http://keenthemes.com/preview/metronic/theme_rtl/admin_2_material_design/table_datatables_editable.html" rel="nofollow noreferrer">link</a></p>
  
  <p>This code in JS file:</p>
  
  <pre><code>function editRow(oTable, nRow) {
          aData = oTable.fnGetData(nRow);
          var jqTds = $('&gt;td', nRow);
  
          jqTds[1].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[1] + '"&gt;';
          jqTds[2].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[2] + '"&gt;';
          jqTds[3].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[3] + '"&gt;';
          jqTds[4].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[4] + '"&gt;';
          jqTds[5].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[5] + '"&gt;';
          jqTds[6].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[6] + '"&gt;';
          jqTds[7].innerHTML = '&lt;input type="text" class="form-control input-small" value="' + aData[7] + '"&gt;';
          jqTds[11].innerHTML = '&lt;a class="edit" href=""&gt;Save&lt;/a&gt;';
          jqTds[12].innerHTML = '&lt;a class="cancel" href=""&gt;Cancel&lt;/a&gt;';
      }
  
  function saveRow(oTable, nRow) {
          var jqInputs = $('input', nRow);
          oTable.fnUpdate(jqInputs[0].value, nRow, 1, false);
          oTable.fnUpdate(jqInputs[1].value, nRow, 2, false);
          oTable.fnUpdate(jqInputs[2].value, nRow, 3, false);
          oTable.fnUpdate(jqInputs[3].value, nRow, 4, false);
          oTable.fnUpdate(jqInputs[4].value, nRow, 5, false);
          oTable.fnUpdate(jqInputs[5].value, nRow, 6, false);
          oTable.fnUpdate(jqInputs[6].value, nRow, 7, false);
          oTable.fnUpdate('&lt;a class="edit" href=""&gt;Edit&lt;/a&gt;', nRow, 11, false);
          oTable.fnUpdate('&lt;a class="delete" href=""&gt;&lt;/a&gt;', nRow, 12, false);
          oTable.fnDraw();
      }
  </code></pre>
  
  <p>How to use <code>&lt;select&gt;</code> Instead <code>&lt;input&gt;</code> in JS file?</p>
  
  <pre><code>&lt;select&gt;
     &lt;option value="1"&gt;Men&lt;/option&gt;
     &lt;option value="2"&gt;Women&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>