Jquery 选择2控件不在html表中工作

Jquery 选择2控件不在html表中工作,jquery,html,select2,Jquery,Html,Select2,我在一个页面中放置了两个select2控件。一个在桌子外面,另一个在桌子里面。在下面的代码中,只有表外的代码可以正常工作,但表内的代码根本不能正常工作。单击控件时不会发生任何事情 HTML 在搜索了互联网后,我发现了我认为可以修复select2控件的问题。剧本如下: $table.on('post-body.bs.table', function () { $('#drpItem').select2(); }); 但是上面的代码会清除se

我在一个页面中放置了两个select2控件。一个在桌子外面,另一个在桌子里面。在下面的代码中,只有表外的代码可以正常工作,但表内的代码根本不能正常工作。单击控件时不会发生任何事情

HTML

在搜索了互联网后,我发现了我认为可以修复select2控件的问题。剧本如下:

        $table.on('post-body.bs.table', function () {
            $('#drpItem').select2();
        });

但是上面的代码会清除select2控件外部和内部的项目。请问我怎样才能让它们都完美地工作?非常感谢。

虽然这段代码可以解决这个问题,但它确实有助于提高文章的质量。请记住,您将在将来回答读者的问题,而这些人可能不知道您的代码建议的原因。thanx Ferrmolina对于suggetion,我很快就改进了它。这是我的第一篇帖子没有问题,祝您愉快!谢谢你的回复。但你显然不明白这个问题。我的控件已经在表标记中。但该控件似乎已禁用。这不是一个html问题。这是哈弗发布的jQuery。你看到我的问题了吗?你只是在重复我第一次做的一切。检查我的问题,你会在那里看到我编辑的答案。
<table>
  <tr> 
    <td> <div id="drpItem" ></div></td>
  </tr>
</table>.
        $table.on('post-body.bs.table', function () {
            $('#drpItem').select2();
        });
<table>
  <tr> 
    <td> <div id="drpItem" ></div></td>
  </tr>
</table>.
 $('#drpItem').select2();