Question

我在页面中放置了两个select2控件。一个在桌子外面，另一个在桌子里面。使用下面的代码，只有表外的工作正常，但内部的工作完全没有。（单击控件时没有任何反应）。

HTML

<select id="drpBizPartner" class="form-control select2 select2-hidden-accessible" ng-model="vm.salesInvoice.cardCode" ng-options="x.id as x.cardName for x in vm.businessPartners" name="CardCode" style="width: 100%;">
   <option value="0">Select Business Partner</option>
</select>   //Outside the table

<select id="drpItem" class="form-control select2 select2-hidden-accessible" ng-model="lineItem.item" ng-options="item as item.itemCode for item in vm.items" name="ItemCode" style="width: 100%;">
   <option value="0">Select Item</option>
</select>    //Inside the html table

的Javascript

        $(function () {
            $('#drpBizPartner').select2();
            $('#drpItem').select2();
        });

在搜索互联网后，我发现了我认为可以使select2控件生效的修复方法。脚本如下;

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

但是上面的代码清除了select2个控件（外部和内部）上的项目。请问我怎样才能使它们完美地工作？谢谢你。

Answer 1

<table>
  <tr> 
    <td> <div id="drpItem" ></div></td>
  </tr>
</table>.

//你的js代码将是

 $('#drpItem').select2();

Select2 Control在html表中不起作用

1 个答案: