引导选择2插件用创建交互式、快速动态网页应用的网页开发技术来获取和显示数据的实例

用选择2插件，实现以下这个选择框：

1、html代码

div class=' form-group ' style=' display : none；'id=' prepare GrouP '标签为=' InputMail 3 '类=' col-sm-2 control-label '预定义参数/label div class=' col-sm-8 ' select class=' js-States form-control ' id=' prepared fine ' multiple=' multiple ' style=' width : 100% '/select/div/div 2，js代码

$(' # prepared fine ')。选择2({//data : data，placeholder: '请选择',//默认文字提示tags: true，//允许手动添加allowClear: true，//允许清空Ajax : { URL : '/jg work/param _ select '，type:'GET '，dataType: 'json '，data : function(){ return { ' project id ' : $(' # project sel ').val()}}，processResults:函数（数据){返回{ results 3360数据。结果}；}} })用创建交互式、快速动态网页应用的网页开发技术从服务端获取数据，在processResult里来返回数据

3、服务端代码

服务端返回的数据格式如下：

数据=[{ 'text': 'enhancement '，' children':[ { 'id': 1，' text': 'bug '，' parent':'enhancement' }，{ ' id ' : ' enhancement ' }，{ 'text': '无效，' parent ' 3: ' enhancement ' }，{ ' id ' id ' 33: '无效'代码：

proId=请求. GET.get('projectId '，' ')参数列表=[param。show _ table()]用于参数定义。物体。过滤器(ProID=ProID)]数据=[]索引=1用于param list : childlist=[]用于第['paramValue']项中的I .split('，'): childlist。追加({ ' id ' :索引，' text': i，' param ' :项[' param name ']})#生成孩子们字段列表索引=1个数据。追加({ ' text ' : item[' param name ']，' childList ' : childList })返回JsonResponse({ ' result ' : data })这里注意，索引不能从0开始，不然生成的编号有一个为0,会导致这个选项无法选取，因为在选择2中id=0有特殊意义

以上这篇自举选择2插件用创建交互式、快速动态网页应用的网页开发技术来获取和显示数据的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。