Select2() 和 Codeigniter

Question

我无法让 select2() 按预期工作。我想要一个下拉列表 (a) 一个占位符来表示“Select From Currency”和 (b) 可搜索。

我有以下 codeigniter 代码。 mh_xrate_currency 是货币的 3 个字母值，如美元、澳元、加元、欧元等。mh_xrate_name 是名称，如美元、澳元、加元、欧元等。

    <div class="row">
        <div class="form-group  col-lg-6 col-md-6">
            
            <?php
            $options = array();
            $options[0] = null;
            foreach ($currencies as $currency) {
                    $options[$currency['mh_xrate_currency']] =  $currency['mh_xrate_currency'].', '.$currency['mh_xrate_name'];
            }
            
            $attributes = 'class="form-control input-md xrate_from_dropdown"  ';
            echo form_dropdown('xrate_from', $options, set_value('xrate_from'), $attributes);
            ?>    
            
        </div>
    </div>

以上代码生成如下页面；

 <div class="row">
        <div class="form-group  col-lg-6 col-md-6">
            
            <label for="mh_xrate_currency">Xrate From a</label>
            <select name="xrate_from" class="form-control input-md xrate_from_dropdown"  >
                  <option value="0"></option>
                  <option value="BRL">BRL, Australian Dollar</option>
                  <option value="AUD">AUD, Australian Dollar</option>
                  <option value="GBP">GBP, British Pound</option>
                <<snip>>
            </select>

        </div>
    </div>

我也加载了 select2 并有以下代码；

 $(document).ready(function () {
     $(".xrate_from_dropdown").select2({
         placeholder: "Select From Currency...",
         allowClear: true,   
     });
 });

但由于某些奇怪的原因，该页面最初显示为；

initial-display

请注意上图中下拉列表下方的 x。然后选中后显示如下；

[

Answer 1

我忘记加载 select2 css 个文件！！安排。当我加载 css 文件时，它运行良好。

Select2() 和 Codeigniter

Select2() and Codeigniter

codeigniter

jquery-select2