将对象内联

Question

见下面的代码。如何在#drm_X按钮旁边显示下拉菜单？目前它位于#drm_X按钮下方。

实施例： 我希望它是：

BTN | BTN |菜单

目前它：

BTN | BTN |

菜单

<div id="InputsWrapper"></div>
<script id="fs" type="text/template">
  <select name="dm" class="tMenu">
     <option value="Arial ">Arial</option>
     <option value="Times Roman ">Times Roman</option>
     </select>
     </script>
<script>

 function studentRec(e) {
        num++;
        var inWrap = $('<div />', { class: 'name-wrapper', id: 'inWrap_'+num }),
            nameWrap = $('<div />', { class: 'name' }).appendTo(inWrap),
            floatWrap = $('<div />', { class: 'tfArea', id: 'floatWrap_'+num }),
            outWrap = $('<div />').appendTo(floatWrap),
            tlsWrap = $('<div />').appendTo(floatWrap)

        nameWrap.append(
            $('<button />', { class: 'scienceL', text: 'Scirnce', type: 'button', id: 'sci_'+num  }),
            $('<button />', { class: 'dramaC', text: 'Drama', type: 'button', id: 'drm_'+num })
        );

            inWrap.append($($('#fs').html()).change(function(){
                //do something $(this).val();
            }));