在同一行標記並選擇

Question

在此代碼的情況下，如何將我的標簽和我的選擇放在同一行？

<div class="form-group">
    <div>
    <label>Filtrar por Categoria:</label>
       <div id="select-categories"></div>
    </div>
 </div>

Javascript：

$("#select-categories").each( function ( i ) {
                    var select = $('<select class="form-control"><option value=""></option></select>')
                        .appendTo( $(this).empty() )
                        .on( 'change', function () {
                            table.column( [2] )
                                .search( $(this).val() )
                                .draw();
                        } );

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

Answer 1

您可以將顯示設置為 inline-block，如下面的代碼片段所示。 另一個好方法是使用Boostrap 的列或網格系統。 順便說一下，您的 JavaScript 引用了您從未定義的 html 元素。 因此，我沒有使用它。 另外，你的標簽是空白的，我添加了一些文本進行測試。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form-group"> <div> <label style="display: inline-block;">Filtrar por Categoria:</label> <div style="display: inline-block;" id="select-categories">Label</div> </div> </div>