Javascript 内联定位对象

请参阅下面的代码。如何在

#drm_X

按钮旁边设置下拉菜单？目前它位于

#drm_X

按钮下方

例如： 我希望它是：

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();
            }));

目前是：

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();
            }));

Arial
罗马时代
功能研究中心（e）{
num++；
var inWrap=$（''，{class:'name wrapper'，id:'inWrap_'+num}），
nameWrap=$（''，{class:'name'}）.appendTo（inWrap），
floatWrap=$（''，{class:'tfArea'，id:'floatWrap_'+num}），
Outrap=$（''）.appendTo（floatWrap），
tlsWrap=$（''）.appendTo（floatWrap）
nameWrap.append(
$（“”，{class:'scienceL'，text:'Scirnce'，type:'button'，id:'sci_'+num}），
$（''，{class:'tramic'，text:'tramic'，type:'button'，id:'drm_u'+num}）
);
inWrap.append（$（$（'#fs'）.html（））.change（function（））{
//做点什么$（this.val（）；
}));

你的

功能是否不起作用，或者你想
设置附加项的位置？@Kyojimaru：我想将附加项放在一行中。在附加时是否可以给下拉菜单一个ID？示例
ID:'dropDown_'+num
？你能提供当前的
HTML
标记吗问题在于，如果你的
HTML
是正确的，那么这应该是可能的。你不需要js来解决这个问题，你可以简单地使用css修复对齐方式……顺便问一下，为什么你需要一个动态
id
？最好在动态模板中使用css类。。。