select2 ajax 获取数据后 搜索功能 无效了 回答接近就有c币 20C

之前用本地下拉框数据 搜索框正常使用 ajax就不行了

图片说明

js代码

 /* 执行select2方法初始化 */
function select2Execute() {



    $(function() {
/*1-本地注入方式*/
    /*  $(".downList2").select2({
//      $("select[name='xuewei_id']").select2({
            // $('select[id="xuewei_id"]').select2({
            // $('#xuewei_id').select2({
            // $("#selectSection").find("select.combox").select2({
            // $(".select2-selection__choice").select2();
            // $(".combox").select2({

            placeholder : "请至少选择一个人名",
            tags : true,
            createTag : function(decorated, params) {
                return null;
            },
            width : '256px',


        });*/


        //2- AJAX获取数据方式

        $(".downList2").select2({
        ajax: {
            url: 'http://localhost:8080/erzhentang/manage/forAjax.do?requestType=12.5_1',
            dataType: 'json',
            delay: 250,
            data: function (params) {
              return {
                q: params.term,
              };
            },
            processResults: function (data) {
              return {
                results: data
              };
            },
            cache: true
          },
          escapeMarkup: function (markup) { return markup; }, // 自定义格式化防止xss注入
          minimumInputLength: 0,
          formatResult: function formatRepo(repo){return repo.text;}, // 函数用来渲染结果
          formatSelection: function formatRepoSelection(repo){return repo.text;} // 函数用于呈现当前的选择





        });

select标签 拼接在js里了

var str = "";
 str +="<select name=\"xuewei_id\" class=\"form-control input-sm downList2\" multiple>";
                        str +="<option></option>";
                       "</select>";
0

8个回答

你在浏览器里请求 http://localhost:8080/erzhentang/manage/forAjax.do?requestType=12.5_1 返回的是什么
之前让你抓包,你抓了么?把结果贴出来啊。

processResults: function (data) {
return {
results: data
};
这个里面data对应的json是不是列表

0
weixin_42175212
weixin_42175212 回复bulidfer:我现在是ajax请求回来数据拿到了, 但是没有显示在下拉框里, 请问你怎么显示在下拉框里的
大约 2 个月之前 回复
u012503756
bulidfer 我说的是 就是无法实现 搜索的功能了
11 个月之前 回复
u012503756
bulidfer 数据 已经没问题了
11 个月之前 回复
u012503756
bulidfer 都不行
11 个月之前 回复
u012503756
bulidfer [{"id":"68","text":"平和质"},{"id":"104","text":"特禀质"}]
11 个月之前 回复
u012503756
bulidfer 下拉框 已经正常显示数据了
11 个月之前 回复

看下forAjax.do是不是只接收post请求,如果那样,加上method:"post"
如果服务器没有返回或者返回不对,你在服务器上直接返回你之前静态的json试试看

0

图片说明

0
u012503756
bulidfer 不是这个
11 个月之前 回复

图片说明

0

而且 选中的项目 无法 回显

0

楼主好 不知道你问题解决没有 我不是很擅长这个前端 我有个解决方案 你可以参考一下 你说本地数据可以使用 你是否可以先用ajax请求数据 然后在ajax回调中在渲染select2
这种方式不就相当于用本地数据了 这样应该是可以的吧 你要不试试先

0

你说的回显是提交到后台回到这个页面时默认选中?如果是的话,你页面是否还有个选中的东西?

0

谷歌浏览器,有开发者工具,可以使用开发者工具查看,火狐也有,主要是看看具体问题

0
u012503756
bulidfer 无法解决
11 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Select2-Ajax获取数据
文章最初发表于szhshp的第三边境研究所 转载请注明 遇到一个需求: 在前端使用Select2设计一个联想输入dropdown, 通过Ajax动态抓取数据如果用纯H5来实现极其简单, 这里需要用Select2插件来实现可以也使用H5原生onChange来进行动态提交但是这太愚蠢了, 现成的Select有更好的API啊花了俩小时完成了这个功能, 官方Doc说的很是模糊..代码细节:$('sel
select2 ajax获取数据设置默认值,初始值
select2是一个非常好用的select美化插件,但是在最近使用时发现,select2在使用ajax获取数据内容时设置默认值非常麻烦,官方给出了一个解决方案就是添加一个属性selected的option:如果select的value值和text都已知的情况下,这种解决方案使用起来就非常容易而且好用了。但是在实际使用中如果要使用ajax来获取数据,如果select的value值和text不相同的时...
Select2在使用ajax获取远程数据时显示默认数据
假设我需要在我的select2中默认添加一个之前从服务器上获取过的数据,通过以下方法实现。实测可行~var value = 1 var text = '默认文本' $('.selecter').html('<option value="' + value + '">' + text + '</option>').trigger("change")以上代码其实就是将class="selecter"的s
select2 ajax 远程获取下拉框默认显示数据, 无需输入
$(&quot;#domain_user&quot;).select2({ placeholder : '请选择', minimumInputLength : 1, //默认最少输入1位 language : &quot;zh-CN&quot;, width : &quot;137px&quot;, allowClear : true, ajax : { type : &quot;post&quot;, url : &quot;tudstat/ge...
select2,利用ajax高效查询大数据列表(可搜索、可分页)
select2是一款jquery插件,是普通form表单select组件的升级版。 可以定制搜索、远程数据集(Remote data,本篇主要介绍点)、无限滚动(数据分页功能,这一点很妙)、还有很多高端的参数设置(有需要的下次介绍)。
bootstrap select2插件用ajax来获取和显示数据
用select2插件,实现以下这个选择框: 1、html代码 预定义参数 2、js代码 $("#preParamDefine").select2({ //data: data, placeholder:'请选择',//默认文字提示 tags: true,//允许手动添加 allowClear: true,//允许清空
select2动态搜索--问题解决
    最近项目中页面模板用到select2,需要动态搜索数据,显示下拉选,参考select2官网,大概写出来,代码如下 $(&quot;#select2-button-addons-single-input-group-sm&quot;).select2({ width: &quot;off&quot;, placeholder: {id:&quot;-1&quot;, text:&quot;请输入域账户&quot;}, ...
关于select2远程加载
select2远程加载
select2简单使用(含ajax获取是数据)
直接上代码(如果引用的js或者css失效的话请更改):复制保存即可运行 但是不知道怎么回事语言包好像没用 DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta
jQuery-select2通过ajax请求获取远端数据
select2官网:https://select2.org/ 一、上手 1. CDN &amp;amp;amp;amp;lt;link href=&amp;amp;amp;quot;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css&amp;amp;amp;quot; rel=&amp;amp;amp;quot;stylesheet&amp;amp;amp;quot; /&a
select2下拉框插件的使用,ajax请求
导入样式以及js。(jeesite已经在head.jsp中导入,不用自己导) &amp;lt;link href=&quot;/jquery-select2/3.4/select2.min.css&quot; rel=&quot;stylesheet&quot; /&amp;gt; &amp;lt;script src=&quot;/jquery-select2/3.4/select2.min.js&quot; type=&quot;text/javascript&quot;&amp;gt;&amp;
bootstrap-select2 ajax将模糊匹配修改为实时搜索
近几天要写一个用户可以实时搜索数据的下拉框,就搜到了bootstrap的一个插件,我具体实现的功能是:下拉框显示的内容根据用户的搜索词实时(ajax)发生变化 首先官方文档大家可以参考一下,里面有很多基础的东西,具体大家可根据实际情况结合使用 https://select2.org/ 前段代码: #这里引用官方文档提供的js ,css #这里设置长度大有用处 var mylength=0 /...
Jquery select2 AJAX获取json数据后无法选中
今天在使用select2 获取json数据填充后 无法选中下拉选项。 原因如下:select2默认的数据属性是id、text 所以需要将返回的数据格式 按照var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid
jquery datatable 通过ajax从后台获取每个分页数据后,搜索框无法搜索问题
当我们通过如下的ajax到后台获取数据 permissionTable = $('#permissionTable').DataTable({ "ajax": { "url": "/user/permission_get", "data": function(d) { d.type = 'getPer
JQuery_ select2的搜索框不能输入搜索内容
原创地址:http://blog.csdn.net/john1337/article/details/53315969  按照select2官网配置完后,搜索框弹出后无法输入内容,究竟怎么回事,于是在其他页面尝试了select2,发现可以啊,为什么在这个地方不可以,终于找到了造成这个问题的不同之处:select2在模态对话框中会失效。找到了问题所在,但不知道如何解决:百度或者go
关于select2动态设置默认值的问题
$("#ddd").val("four").trigger("change");
使用Select2搜索框无法输入
1.检查下modal的div中是否有tabindex=”-1”;2.js代码中加入:$.fn.modal.Constructor.prototype.enforceFocus = function () {};
jQuery select2设置默认值从列表中的一个选项
&amp;lt;link href=&quot;/static/jquery-select2/3.4/select2.min.css&quot; rel=&quot;stylesheet&quot; /&amp;gt; &amp;lt;script src=&quot;/static/jquery-select2/3.4/select2.min.js&quot; type=&quot;text/javascript&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;
select2 ajax动态获取数据并回显
有这样一个需求:给员工分配角色,首先要获得这个员工已拥有的角色,并且要获得所有的角色列表。 具体效果如下 实现步骤: 1.加载所有的角色列表 因为是一个静态弹框,不能每次打开静态框的时候再发送请求加载角色列表,再页面初始化时应加载完成。 /** * 页面初始化 */ $(function () { ini...
select2读后台数据回写显示不出来问题
这里写自定义目录标题错误截图错误原因分析解决方案问题解除后效果展示 错误截图 错误描述:非select2插件元素可正常回写,但select2插件干涉的显示框无法正常回写。 错误原因分析 分析:直接请求数据库返回结果如图 我们冲数据库读到的信息为字符串,而select2插件的配置是要一个json对象 解决方案 在controller层–&amp;gt;angularJs 处理返回数据结果,将其解析为Js...
Select2插件的用法,通过ajax实现在下拉框中回显
一.文件需要引入select2.full.js、select2.min.css(4.0.1版本)和jquery.1.8.3及以上 最新版本的select2如果引用的jquery版本较低的话,某些功能无法正常使用。比如:清除功能allowClear: true 最新版本请使用标签(对于本地化的数据你可以使用input,但ajax远程数据必须使用select) 二.placeholder p
在模态框中加select2元素,下拉搜索框不能搜索解决办法
页面上写了一个弹框,弹框里加了select2类型的搜索框,搜索框弹出后无法输入内容。参考网上,找到了解决方案:重写模态对话框的enforceFocus函数        $.fn.modal.Constructor.prototype.enforceFocus = function () { }        原来是模态对话框强制使自己处于焦点状态,导致select2的搜索框无法获取焦点所致。...
Select2在Bootstrap 3 Modal框中不能搜索的解决方法
 如果在项目中用了Select2.js,基于Bootstrap的搜索下拉框 ,并且有用看model模型,这时你会发现select下拉框搜索功能在model模型中不能搜索。 解决方案1:    在modal中去掉tabindex="-1" 解决方案2:    2.js 里加上$.fn.modal.Constructor.prototype.enforceFocu
select2异步加载数据
1.select2 加载数组数据&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;var data = [{ id: 0, text: 'enhancement' }, { id: 1, text: 'bug' }, { id: 2, text: 'duplicate' }, { id: 3, text: 'invalid' }, { id: 4, text: 'won...
select2控件+拼音智能检索
下拉框选项智能检索项目示例下载地址绑定及选择指定项效果拼音检索:页面代码:&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&a
select2动态加载数据,智能搜索(类似百度搜索)
前言:类似于百度搜索,有很多控件可以实现,本文着重介绍2个,autocomplete和select2 本文都是以动态加载数据为例,根据输入的条件,在后台模糊查询获取数据,动态加载到控件中。 1、autocomplete 引用 jQuery/jquery-1.10.4.ui.css" rel="stylesheet" /> 解释:
select2实现ajax查询数据
1、 首先需要在jsp页面导入有关select2的js和css文件,前提也需要Jquery的js文件 &amp;amp;lt;link href=&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css&amp;quot; rel=&amp;quot;stylesheet&amp;quot; /&amp;amp;gt; &amp;amp;lt;script src=&amp;quot;h
select2去除搜索框
设置select2属性:$(&quot;#type_select&quot;).select2({ minimumResultsForSearch: -1 });
select2 搜索下拉框的用法
首先添加https://select2.github.io/dist/css/select2.min.css 和https://select2.github.io/dist/js/select2.full.js 再select变现添加 js-example-basic-single class。 在添加这个srcipt script type="text/javascript"
bootstrap-select2 多选搜索,远程数据,
导入css,和js文件页面上需要添加的js需要处理的
select2 修改页面初始化值(ajax)
select2 是一款JQuery 下拉列表插件,可实现多选、分组、搜索功能。 官方文档地址:https://select2.org/ 这里记录一个在传统web后台管理项目中,使用select2 组件在修改页面中如何初始化新增时保存的值。 select2 版本 4.0.6  翻遍了百度找到了以下方案 方案一 var ddd = $(&quot;#ddd&quot;).select2(); //获取...
php与前端(三):下拉框搜索 select2 的使用
使用场景是:一个下拉框有太多值 需要搜索做匹配 一:加载文件<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4
jQuery的select2下拉框的搜索功能(使用select2插件,方便简单)
第一步:引入我们用使用的插件jquery:&amp;lt;script type=&quot;text/javascript&quot; src=&quot;http://cdn.bootcss.com/jquery/1.12.4/jquery.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;select2:css:&amp;lt;link href=&quot;https://cdnjs.cloudflare.com/ajax/libs/sele...
select2 动态搜索,赋初始值--各种问题总结呀
select2问题很多,使用过程中各种问题,总结一下。 我用的是jquery select2-3.4版本。 因为编辑界面有个字段要选择输入,可选择数据太多,所以采用边输边搜。 一开始网上搜了select2动态搜索的用法,网上有一些,大家可以参考一下以下帖子。 http://www.jianshu.com/p/c5ab74b91b2e http://www.cnblogs.com/li
select2搜索内容显示搜索词
select2搜索内容显示搜索词,初始化select2时不使用tags标签,这样在搜索结果中就不会出现搜索关键词
AJAX请求数据到select2中
$.post() 方法使用 HTTP POST 请求从服务器加载数据。 $(selector).post(URL,data,function(data,status,xhr),dataType) 参数 描述 URL 必需。规定将请求发送到哪个 URL。 data 可选。规定连同请求发送到服务器的数据。 fu
select2 ajax 设置默认值,初始值
在做功能的时候需要修改数据, 修改数据时需要显示原始值. 但是在select2的时候 显示原始值是一个非常非常非常非常非常要命的难题. 研究了3个小时, 最后使用$.ajax 重新加载原始值.初始值 并显示.
Select2 - Ajax 获取下拉框分页数据(鼠标滚动分页)
适用场景:下拉框中有大量数据的情况(建议100条数据以上就要考虑使用分页获取的方式了)。 直接上代码     引入相关js和css     select2/select2.min.css     select2/select2.min.js     select2/i18n/zh-CN.js /** * ajax获取select2下拉框数据(带鼠标滚动分页) * @param s...
Yii2 使用select2 组件实现下拉搜索
刚开始使用yii,需要实现下拉多选搜索,就找到了select2这个组件,先看看实现后的效果: 如何安装select2网上有很详细的教程,这里不做赘述。完成后只需要在视图文件use kartik\select2\Select2就可以了。 具体的视图中的代码如下:<?= $form->field($model, 'search')->widget(Select2::classname(),
使用select2实现查询结果分页显示
js代码:$("#tag").select2({ language : 'zh-CN',//转为中文版 minimumInputLength: 1,//最少输入1个字符,否则不会自动查询 //escapeMarkup: function (markup) { return markup; }, // let our custom formatter w
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java课程设计答辩回答 区块链币