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>";

8个回答

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

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

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

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

图片说明

u012503756
bulidfer 不是这个
大约一年之前 回复

图片说明

而且 选中的项目 无法 回显

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

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

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

u012503756
bulidfer 无法解决
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
select2 ajax获取数据设置默认值,初始值
select2是一个非常好用的select美化插件,但是在最近使用时发现,select2在使用ajax获取数据内容时设置默认值非常麻烦,官方给出了一个解决方案就是添加一个属性selected的option:如果select的value值和text都已知的情况下,这种解决方案使用起来就非常容易而且好用了。但是在实际使用中如果要使用ajax来获取数据,如果select的value值和text不相同的时...
select2 ajax动态获取数据并回显
有这样一个需求:给员工分配角色,首先要获得这个员工已拥有的角色,并且要获得所有的角色列表。 具体效果如下 实现步骤: 1.加载所有的角色列表 因为是一个静态弹框,不能每次打开静态框的时候再发送请求加载角色列表,再页面初始化时应加载完成。 /** * 页面初始化 */ $(function () { ini...
select2 异步搜索分页功能
https://select2.org/data-sources/ajax $(&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;#myselect&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;).select2({ language: { inputTooShort: function(args) { return &amp;amp;amp;amp;amp;amp;amp;amp;amp;a
Win2k3 搜索功能无效。
是不是什么服务关了?rn可是索引服务我几经开了啊!rnrn无论我搜索什么东西,重视瞬间返回没有找到,555555
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...
html下拉框有搜索功能 使用select2
js &lt;link href="https://cdn.bootcss.com/select2/4.0.6-rc.1/css/select2.css" rel="stylesheet"&gt; &lt;script src="https://cdn.bootcss.com/select2/4.0.6-rc.1/js/select2.js"&gt;&lt;/script&gt; html...
Select2给select加搜索功能的插件
1.在项目中导入select2的插件 2.引入js和css 如下: 3.给标签加class="js-example-basic-single" 如:                   --请选择人员--  出来了  出来了啊  出来了啊啊  出来了啊啊啊   4.js写法:  $('.js-example-bas
带搜索功能的下拉选择框select2
效果如下:   API:http://select2.github.io/select2/ 需要引用jquery插件select2  引入css   &amp;lt;link href=&quot;/select2/4.0.5/css/select2.min.css&quot; rel=&quot;stylesheet&quot;&amp;gt; 引入js依赖于jquery.js &amp;lt;script src=&quot;/select2/4....
制作有搜索功能的下拉框select2
有时候表单的下拉框数据非常多,如果有个搜索的功能,就非常方便了。这了我们用select2插件来实现。 1.引入插件 &amp;lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;__PUBLIC__/zhuanti/js/jquery-1.9.1.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; &amp;lt;link href=&quot;ht.
jquery 多选下拉菜单、加搜索功能 select2
上一篇介绍了自动补全功能的插件autocomplete 。这一篇介绍下select2这款插件。效果类似于 下图下载所需的文件,引用 <link href="/temp/skin1/ebay/js/select2/select2.min.css" rel="stylesheet" /> <script src="/temp/skin1/ebay/js/select2/select2.min.j
ajax的搜索功能,回车后页面自动刷新
解决方法 1.去掉form标签 2.一个以上input元素避免回车自动提交表单 3.form的onsubmit事件return false
ajax后OnSubmit无效?
[color=#FF0000]a.asprn------------------------------------------------[/color] rnrnrnrnrn[color=#FF0000]check.jsrn------------------------------------------------[/color]rn function test(str)rn rn var xmlhttp=createxmlhttprequest();rn xmlhttp.open('get',encodeURI('Check.asp?cj_id='+str+'&'+new Date().getTime()),false);rn xmlhttp.onreadystatechange=function()rn rn if(xmlhttp.readyState==4)rn rn rn if(xmlhttp.status==200)rn rn var pnum=xmlhttp.responseText; rn document.getElementById("cc").innerHTML=pnum;rn rn rn rn xmlhttp.send(null);rn rnrn[color=#FF0000]check.asprn------------------------------------------------[/color]rn rn rn rn rnrnrnrn[b][color=#FF6600]以上是节选的相关页面及代码,要怎么修改才能使ck()里的判断生效呢?[/color][/b]
ajax后location.reload()无效
回调函数如下:rnfunction deleteCallBack(data)rnrnif(data=="删除成功")rnrnalert(data);rnlocation.reload();rnrnelsernrnalert(data);rnrnrn不跳转 只是显示alert信息
Ajax实现搜索功能
虽然笨,也要记下来✧(≖ ◡ ≖✿) HTML代码 div class="search-bar"> input value="" type="text" name="username" class="input-small" /> label class="first txt-green">查询方式:label> select name="way" id="w
c币c币c币
网站是新用户为粪土。 没有任务,留住用户, 展现效果,给根骨头。 没有资源,没有c币。 上来就88,上来就298。 吃相难看,审核还慢。
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"
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 搜索下拉框插件 下拉框美化插件chosen的扩展,它能让丑陋的、很长的select选择框变的更好看、更方便,支持搜索,远程数据集,以及无限滚动的结果。
ajax获取数据
$(function(){  //链接地址  var url=window.basePath + 'jsonParam={"opeType":"getIndex"}';     $.ajax({     url:url,   //发送请求的url     type:"POST",   //http链接方式     dataType:"json",        success:fun
Ajax获取数据
1 首先引入Ajax的封装包(ajax.js需要自己写) &amp;lt;script type=&quot;text/javascript&quot; src=&quot;Ajax.js&quot;&amp;gt;&amp;lt;/script&amp;gt; /** * Ajax 封装包 * Created by LL on 2019-02-27. */ //url:读取的文件路径 // fnSucc:读取成功操作 // fnFaild:读取失败...
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初始化,Ajax传值
问题:想实现select2的下拉初始化,第一次使用。和普通select获取值的方式不一样,所以一直未解决!大神指点:1,select2默认值(Key)得形式是id和 text形式,需要循环进行解析2,HTML引入太多select的css样式,只需要引用select2.min.css和select2.min.js即可实例:HTML文件&amp;lt;select id=&quot;branchAllList&quot; cla...
回答就有高分
重装windows后linux就进不去了,如果没有Grub启动盘怎么才能进去
问卷调查,回答就有分!
本问卷调查主要为了了解当前国内软件开发团队的开发过程和管理方法。多谢合作!rn1.文档和代码的管理方式rnA.各自管理各自的文档和代码.rnB.集中式管理.rnC.使用管理软件进行管理.软件名称:_________rn2.项目计划的制订和实施rnA.不制订项目计划,只有总体完工时间rnB.制订项目计划,但项目计划实施困难rnC.制订详细的项目计划,并严格按计划实施rnrn3.开发文档和源代码是否需要审批rnA.不审批rnB.部分需要审批rnC.有完善的审批机制,并且对重要部分通过召开评审会进行评审rnrn4.是否使用版本控制rnA.不使用版本控制rnB.只对发行版本进行控制rnC.有完善的版本控制计划,包括内部版本和测试版本rnD.使用版本控制软件进行控制。软件名称:____________
谁先回答就有分
请问那里可以下载oracle8.1.6 or oracle8i的for solaris完全版?rn谢谢。。
只要回答就有分?
Private Function getFmt(intType As Integer, logSize As Long) As Stringrn Dim i As Integerrn getFmt = ""rn '返回的结果串初始置空rn Select Case intTypern Case dbBooleanrn getFmt = getFmt & "\ \ \ \0;\ \ \ \1"rn'Boolean 型值转换为0、1,rn Case dbBytern getFmt = "@@@@"rn Case dbIntegerrn getFmt = "@@@@@@"rn Case dbLongrn getFmt = "@@@@@@@@@@"rn Case dbCurrencyrn getFmt = "@@@@@@@@@@"rn Case dbSinglern getFmt = "@@@@@@@@@@"rn Case dbDoublern getFmt = "@@@@@@@@@@"rn Case dbDatern getFmt = "@@@@@@@@@@"rn Case dbBinaryrn getFmt = "@@@@"rn Case dbTextrn If logSize >= 40 Thenrn '限制一列最多打印40个半角字符rngetFmt = "@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@"rn Elsern For i = 0 To CInt(logSize / 2) * 2 - 1rn getFmt = getFmt & "@"rn Next '调整数值长度为偶数,rn以适应汉字制表符rn End Ifrn Case dbLongBinaryrn getFmt = "@@@@"rn Case dbMemorn getFmt = "@@@@@@@@@@@@@@@@"rn Case dbGUIDrn getFmt = "@@@@"rn Case dbBigIntrn getFmt = "@@@@@@@@@@"rn Case dbVarBinaryrn getFmt = "@@@@"rn Case dbCharrn For i = 0 To CInt(logSize / 2) * 2 - 1rn getFmt = getFmt & "@"rn Nextrn Case dbNumericrn For i = 0 To CInt(logSize / 2) * 2 - 1rn getFmt = getFmt & "@"rn Nextrn Case dbDecimalrn For i = 0 To CInt(logSize / 2) * 2 - 1rn getFmt = getFmt & "@"rn Nextrn Case dbFloatrn getFmt = "@@@@@@@@@@"rn Case dbTimern getFmt = "@@@@@@@@"rn Case dbTimeStamprn getFmt = "@@@@@@@@@@"rn End Selectrn End Functionrnrn中的getFmt = getFmt & "\ \ \ \0;\ \ \ \1"是什么意思呢?rnrn还有"@@@"这个@又代表什么呢?
回答就有分
我要在一个月半内用delphi在win2000上编程实现代理服务器。但我从来没接触过delphi,请问我要对网络了解到什么程度?要看哪些书?武汉在哪里可以买到?有哪些网站推荐?
回答就有分!!
我的机器是Win2000+IIS5.0rn想让我的机器既能做Web服务器(jsp),又能做开发用,须安装什么软件?rn在哪里能得到这些软件?rn我是个JSP的初学者,很多地方都不懂,多谢各位的指教!!
级联查询(回答就有分)
在不确定级联层数时,怎样进行级联查询,如:Aid,name,bid ,bid,name,cid ,cid,name,did ......rn以A表为基础,级联查询所有name,注意:不确定级联层数。
validate校验select2无效问题解决
问题介绍: 在项目中使用select2美化select标签,使用validate校验不生效,发现问题如下:   1、使用select2美化select下拉列表后,select2会把原来的select隐藏掉,设置css属性(display:none),然后再通过select2重新定制界面 2、但jquery.validate.js默认不是校验:hidden属性的控件,所以造成原来的selec...
ajax实现搜索提示功能
利用ajax实现搜索提示功能
关于ajax查询搜索功能
实现的功能是类似google的查询框的智能提示,rn已经用jquery ajax 和.net 实现了,现在有个问题,rn就是数据如果有几万到十几万左右,这样实现是否会很慢。是个人网站,类似于电影快播的搜索。rnrn
AJAX实现动态搜索功能
Ajax动态搜索。rn[img=https://img-bbs.csdn.net/upload/201903/21/1553154039_928212.png][/img]rn[img=https://img-bbs.csdn.net/upload/201903/21/1553154097_27935.png][/img]rn如图,类似点击条件,就切换下面的列表。rnrn我的思路,点击条件,就用AJAX去数据库检索符合的人员。我用的是去后台生成一个List,然后用JSTL展示所有人员。rn但是,我获取到新的List以后,怎么不前台加载就直接显示到页面上呢?rnrn
Ajax实现搜索功能的分页
Ajax实现搜索功能的分页 之前只实现了搜索功能,但是并不能分页2333,所以在上篇的基础上修改实现分页(首页,上一页,下一页,尾页,跳转页面),脑袋瓜不够用,要记下来记下来 html代码 a class="btn-lit" type="submit" onclick="searchResult(on())">span>搜索span>a> //嵌套函数,用来情空最大页数和当前页数
select2插件支持全拼搜索和首字母搜索
扩展了原有的select2插件,使之支持输入框中首字母选定和全拼选定
select2多选下拉功能
AngularJS完成select2多选下拉功能1、引入js及css资源2、页面添加select标签 1、引入js及css资源 // An highlighted block &amp;amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;../plugins/select2/select2.css&amp;quot; /&amp;amp;gt; &amp;amp;lt;link rel=&amp;quot;stylesheet
select2 tag之远程源搜索
#CSS .select2-results__option[aria-selected=true] {     display: false; } li[aria-selected=true] {    display: none !important; } #Html                                    
select2最好用的异步请求下拉搜索
在写一个功能的时候需要根据司机查询车辆,后台数据动态追加到下拉框,因为车辆较多,所以需要用搜索,刚开始用了一种,但是跟打印功能冲突,后来找到了select2,这里有三个文件,一个js,一个css,还有一个用法说明,希望对您有帮助,我的版本是最新的4.0.6
select2搜索内容显示搜索词
select2搜索内容显示搜索词,初始化select2时不使用tags标签,这样在搜索结果中就不会出现搜索关键词
ajax获取数据后渲染到页面方法
$.ajax({ url:&amp;quot;apiAttachmentAction_uploadAttachment.action&amp;quot;, type:&amp;quot;post&amp;quot;, data:forms, contentType:false, success:function(data){} error:function(e){} 对于请求回来的数据怎么渲染到相应的页面呢,主要总结了以下几种方法: 1.比较常见的就是字符串拼接的方...
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法