bootsrap 将下拉菜单代码更改为过于复杂的内容

Question

我正在使用这个主题材料设计https://gurayyarar.github.io/AdminBSBMaterialDesign/来创建一个 codeigniter 应用程序，我有一个下拉列表的问题，因为它改变了代码：

<select class="form-control show-tic" data-live-search="true" name="idepe" id="idepe">

    <option value="1">ALDIPH Alger</option>

    <option value="2">ALTRO Skikda</option>

    <option value="3">SOTRAMO</option>

    <option value="4">ENPS Alger</option>

    <option value="5">SOTRAMEST</option>

</select>

到这个奇怪的代码：

<div class="btn-group bootstrap-select form-control show-tic">

    <button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" data-id="idepe" title="ALTRO Skikda" aria-expanded="false">

        <span class="filter-option pull-left">ALTRO Skikda</span> &nbsp;

        <span class="bs-caret">

          <span class="caret"></span>

        </span>

    </button>

    <div class="dropdown-menu open" style="max-height: 368px; overflow: hidden; min-height: 132px;">

        <div class="bs-searchbox">

            <input type="text" class="form-control" autocomplete="off">

        </div>

有谁知道我如何防止引导程序更改下拉列表的代码

Answer 1

这是因为主题材料设计包含自定义选择代码。如果您不想要它，则删除自定义选择代码。对于像这样的自定义选择代码，或者它针对类（表单控件显示-tic）。$('select').selectpicker();另外，删除 bootstrap-select.js。