title: convert single dropdown list to multiple selection dropdown in javascript
body: <blockquote>
    <p>Hi, I have a code that gives values in dropdown list and able to select only one value from list,but can we modify it so that can select multi values and render data. Actually I am doing this for data table plugin</p>
  </blockquote>
  
  <pre><code>this.api().columns().every( function () {
          var column = this;
          var select = $('&lt;select&gt;&lt;option value=""&gt;&lt;/option&gt;&lt;/select&gt;')
                       .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( '&lt;option value="'+d+'"&gt;'+d+'&lt;/option&gt;' )
                            } );
                        } );
      }
  </code></pre>