在弹出框中无法使用select2的问题:
通常情况下,使用select2只需要在加载相关js和css后,添加如下代码即可:
$("#selectId").select2();
但如果这个select在弹出框中,这样使用往往是无效的,这时候需要这样写:
$.fn.modal.Constructor.prototype.enforceFocus = function () {$("#selectId").select2(); };
参考https://github.com/select2/select2/issues/1436
select2设置默认选中:
设置value为pxx的项选中
$('#area').val(pxx).trigger("change");
设置text为pxx的项选中
$("#area").find("option[text='pxx']").attr("selected",true).trigger("change");
上面代码无效,要使用下面代码
$("#area option").filter(function(){return $(this).text()=='pxx';}).prop("selected",true).trigger("change");
(使用默认select不需要.trigger("change"))
多个select2示例化,并且某个select2需要ajax获取数据时,需将ajax获取数据的select2放到最后实例化,否则无效
$('.select2').select2();
$('.select2_required').select2({allowClear:false});
$('#create_by').select2({}, "{:url('ajaxGetUserList')}");