select2_link管理

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

发财的煎饼果子 · Input groups - ...· 1 周前 ·

飞翔的鸵鸟 · select2· 1 月前 ·

叛逆的键盘 · 整理：select2的使用、事件、参数详解_ ...· 1 月前 ·

重情义的弓箭 · Select2 with livewire ...· 6 月前 ·

腼腆的打火机 · Select2 change event ...· 6 月前 ·

寂寞的酱牛肉 · shell获取git命令输出 • ...· 1 周前 ·

大力的长颈鹿 · 灌云县政府· 1 月前 ·

文质彬彬的斑马 · 容器与云|基于容器的自动构建：Docker在 ...· 2 月前 ·

茫然的雪糕 · Qt音视频开发03-ffmpeg倍速播放（半 ...· 2 月前 ·

鬼畜的葫芦 · 随时查看、一碰开门、安全智能，华为智联，VO ...· 3 月前 ·


   select2:close

Triggered whenever the dropdown is closed.


    select2:closing

is fired before this and can be prevented.


     select2:opening

Triggered before the dropdown is opened. This event can be prevented.


      select2:open

Triggered whenever the dropdown is opened.


       select2:opening

is fired before this and can be prevented.


        select2:selecting

Triggered before a result is selected. This event can be prevented.


         select2:select

Triggered whenever a result is selected.


          select2:selecting

is fired before this and can be prevented.


           select2:unselecting

Triggered before a selection is removed. This event can be prevented.


            select2:unselect

Triggered whenever a selection is removed.


             select2:unselecting

is fired before this and can be prevented. /* 监听事件 */ //当select2：select被触发时，选择的数据可以通过params.data属性访问：注意：change事件中不包含params $('#mySelect2').on('select2:select', function (e) { var data = e.params.data; console.log(data); //e.params.data 示例: "id": 1, "text": "Tyto alba", "genus": "Tyto", "species": "alba" /* 触发事件*/ //您可以使用jQuery触发器方法在Select2控件上手动触发事件。但是，如果您想将某些数据传递给事件的任何处理程序，则需要构建一个新的jQuery Event对象并触发它： var data = { "id": 1, "text": "Tyto alba", "genus": "Tyto", "species": "alba" $('#mySelect2').trigger({ type: 'select2:select', params: { data: data <script src="../js/plugins/select2/js/select2.full.min.js"></script> <link rel="stylesheet" href="../js/plugins/select2/css/select2.css"> 注意事项： 1、【重要】数据源中 ID必须为字符串或者可转化为字符串的类型，不建议使用空值（''）； 2、如果需要外部更改select2的内容需要触发select2的change事件，通知select2刷新视图；（例如：初始化默认选中项）例如：$('selector').val('5').trigger('change.select2'); 多选必须使用数组形式赋值：$('selector').val(['5','2']).trigger('change.select2'); 注意：平台select2_init.API.setVal()及API.updateOption()方法已默认通知select2刷新视图，不需额外处理; 3、隐藏搜索框（option）： {minimumResultsForSearch: Infinity} ;注当允许用户手动输入时（tag:true）,无搜索框； 4、打开、关闭下拉框： $('#mySelect2').select2('open'); $('#mySelect2').select2('close'); $('#mySelect2').select2('destroy'); 6、校验selec2是否初始化完成： if ($('#mySelect2').hasClass("select2-hidden-accessible")) {/* 已初始化完成 */} 7、禁用select2 $('#mySelect2').prop('disabled',true); 8、清空（重置）选项 $('#mySelect2').val(null 或对应‘请选择’项的value值，例如'').trigger('change.select2'); 9、选项修改后，触发validate校验（注意：平台select2_init方法已默认支持，不需额外处理） $('selector').on('change.select2', function() { $(this).trigger('focusout.validate').trigger('click.validate'); 10、【重要】使用平台select2_init方法以“非AJAX实时检索模式”初始化时，通过给select元素设置 selectedvalue 属性或通过js设置配置属性initValue,可自动实现初始化默认选中，为空或未设置则默认选中第一项；例如： HTML方式：<select selectedvalue="默认选中项的值（key）"></select> JS方式：select2_init('demoid',{initValue:'默认选中项的值（key）'});


               initSelection

. This option was deprecated in Select2 v4.0, and will be removed in v4.1.


              language

string or object


               EnglishTranslation

Specify the language used for Select2 messages .


                matcher

A callback taking search


                 params

and the


                  data

object. Handles custom search matching .


                  maximumInputLength

integer Maximum number of characters that may be provided for a search term.


                   maximumSelectionLength

integer The maximum number of items that may be selected in a multi-select control. If the value of this option is less than 1, the number of selected items will not be limited.


                    minimumInputLength

integer Minimum number of characters required to start a search.


                     minimumResultsForSearch

integer The minimum number of results required to display the search box .


                      multiple

boolean


                       false

This option enables multi-select (pillbox) mode. Select2 will automatically map the value of the


                       multiple

HTML attribute to this option during initialization.


                        placeholder

string or object Specifies the placeholder for the control.


                         query

A function taking


                         params

(including a


                          callback

)


                           Query

This option was deprecated in Select2 v4.0, and will be removed in v4.1.


                           resultsAdapter


                            ResultsAdapter

Used to override the built-in ResultsAdapter .


                             selectionAdapter


                              SingleSelection


                               MultipleSelection

, depending on the value of


                                multiple

. Used to override the built-in SelectionAdapter .


                                 selectOnClose

boolean


                                  false

Implements automatic selection when the dropdown is closed.


                                  sorter

callback