将单个下拉列表转换为javascript中的多个选择下拉列表

时间:2017-01-03 04:35:44

标签: javascript drop-down-menu datatables

  

嗨,我有一个代码,它在下拉列表中提供值,并且只能从列表中选择一个值,但是我们可以修改它以便可以选择多个值并渲染数据。实际上我正在为数据表插件

这样做
this.api().columns().every( function () {
        var column = this;
        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>' )
                          } );
                      } );
    }

1 个答案:

答案 0 :(得分:0)

只需添加multiple即可。

例如

<select name="dropdownName" multiple>    
//rest of code