如何在datatable插件中添加自定义下拉列表？

Question

我正在使用DataTable 1.10+，我需要在DataTable jquery插件中显示一个动态下拉列表，该插件应该在分页和搜索过滤器之间的顶部正确对齐。

我在表中的DataTable初始化之后嵌入了一些html来显示它（参见下面的演示）。但有没有更好的版本，这将有助于创建动态值的下拉列表。

以下是我尝试过的内容的演示，JSFiddle Demo

var html =  '<div id="custome_dropdown"><div id="example_dropdown" class="dataTables_length"><label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Show</label><select id="filter"><option value="firefox">firefox</option><option value="mozilla">mozilla</option></select></div></div>';

$(html).insertAfter("#example_wrapper #example_length");