Выбор данных из раскрывающегося списка с помощью jquery

Question

Я пытаюсь реализовать select на основе раскрывающегося списка в jquery. Данные в таблице заполняются с использованием Java из базы данных Моего кода JQuery скрипта

<script>  
    $(document).ready(function() { 
      $("#companies").dataTable({ 
      "bServerSide": true, 
      "sAjaxSource": "/JQueryDataTablesAll/CompanyGsonMatrix", 
      "bProcessing": true, 
      "sPaginationType": "full_numbers", 
      "bJQueryUI": true 
     }); 
     $('#mySelect').DataTable({ 
      initComplete: function() { 
       var api = this.api(); 
       alert("test"); 
       api.columns().indexes().flatten().each(function (i) { 
       var column = api.column(i); 
       var select = $('<select><option value=""></option></select>') 
        .appendTo($(column.footer()).empty()) 
        .on('change', function() { 
        var val = $.fn.dataTable.util.escapeRegex(
         $(this).val() 
        ); 

        column 
         .search(val ? '^'+val+'$' : '', true, false) 
         .draw(); 
        }); 

       column.data().unique().sort().each(function (d, j) { 
        select.append('<option value="'+d+'">'+d+'</option>') 
       }); 
       }); 
      } 
      }); 
    }); 
    </script> 

моего HTML выберите код

<select id="mySelect"> 
    <option value="">Emkay</option> 
    <option vaoue="1"> 
</option> 

, но это не работает. Я новичок в jquery, поэтому, пожалуйста, помогите мне разобраться с проблемой.