JS组件自举选择2使用方法解析

本文总结了组件自举选择2在一些实际项目中的用法，分享给大家，有需要的朋友可以借鉴一下，少走些弯路，具体内容如下

效果图：

无论是固定方式获取数据还是创建交互式、快速动态网页应用的网页开发技术获取都需要引入bootstrap.js/css和select2.js/css及：

{{样式表_链接(' CSS/bootstrap . CSS ')} } { }样式表_链接(' CSS/select 2。量滴CSS ')} { }样式表_链接(' CSS/font-awesome . min . CSS ')} } { }样式表_链接(' CSS/pretify。CSS ')} } { { JavaScript _ include(' js/lib/jquery。js ')} } } { { JavaScript _ include(' js/lib/select 2。满了。js ')} { { 0 }固定方式获取：

$('.js-example-tags’)。选择2({ tags : true，//是否可以自定义标记createsearchchoice :函数(术语，数据){ alert(1)；if ($(数据)。filter(function(){ return this。文字。localecompare(术语)===0；}).length===0) {return {id:term，text : term }；} }，multiple: true，data: [{id: 0，text: 'story'}，{id: 1，text: 'bug'}，{id: 2，text : ' task ' }]})；创建交互式、快速动态网页应用的网页开发技术方式获取：

$('.js-example-tags').select2({ //启用标记tags: true，//加载远程数据//参见https://select2.github.io/options.html#ajax Ajax : { URL : ' Ask2/tags '，进程结果：函数（数据，页面){ console.log(数据);定义变量解析=数据；var arr=[]；用于(解析后的var x){ arr。推送(解析后的[x])；//这个应该是个数据对象}控制台。日志；返回{ results 3360 arr }；} }});说明

在创建交互式、快速动态网页应用的网页开发技术中的数据返回格式应该是这个样子滴（结果):[{id: 0，text: 'story'}，{id: 1，text: 'bug'}，{id: 2，text: 'task'}]对应的服务器端编程语言(专业超文本预处理器的缩写)代码例子

.$p1=数组(id='1 '，文本=' Java ')；$p2=数组(id='2 '，文本=' JVM ')；$test=array(1=$p1，2=$ p2)；$ params['响应数据']=$ test；$ this-view-disable()；返回父： Ajax响应($ params)；如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

引导程序学习教程

引导程序实战教程

引导程序插件使用教程

以上就是关于选择2的一些用法介绍，希望对大家的学习有所帮助。