关于select2

1.不能在对话框上使用的解决方法

 $.fn.modal.Constructor.prototype.enforceFocus = function () { };

2、使用技巧

 function formatRepo (repo) {

    if (repo.loading) return repo.text;

     var markup = '<div class="clearfix">' +

    '<div class="col-sm-12">' + repo.pay_name + '</div>' +

    '</div>';

    return markup;

  }

function formatRepoSelection (repo) {

$('#payid_text').text(repo.id);

$('#payprice_text').text(repo.pay_price);

$('#edit_pay').find('input[name=app_id]').val(repo.app_id);

    return repo.pay_name;

}

$(document).ready(function() {

checkTime('sellbegintime', 'sellendtime', 1);

$('select[name=payid]').select2({

   ajax: {

    url:'<?php echo site_url("pcgametopic/getpaylist")?>',

    dataType: 'json',

    delay: 250,

    data: function (params) {

      return {

        q: params.term, // search term

      };

    },

        processResults: function (data, params) {

       return {

        results: data,

};

},

    cache: true

   },

     escapeMarkup: function (markup) { return markup; },

   templateResult: formatRepo,

   templateSelection: formatRepoSelection

});

3.远程请求链接初始化

     $('select[name=app_id]').append('<opti>

      $('select[name=app_id]').next().find('.select2-selection__rendered').text(app_name);

下拉菜单字体

 .select2-results__options {list-style: none; margin: 0; padding: 0; font-size: 12px; color: #000; font-family: 'microsoft yahei'; }