Select2初始化，Ajax传值

最新推荐文章于 2021-08-05 18:50:57 发布
最新推荐文章于 2021-08-05 18:50:57 发布
阅读量1.7k 收藏 1
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/VR_dancy/article/details/81063254
版权

问题:想实现select2的下拉初始化，第一次使用。和普通select获取值的方式不一样，所以一直未解决！

大神指点:

1,select2默认值(Key)得形式是id和 text形式，

需要循环进行解析

2,HTML引入太多select的css样式，只需要引用select2.min.css和select2.min.js即可


实例:

HTML文件

<select id="branchAllList" class="txtWidth"></select>


JS文件


普通的select则不需要解析成id和text形式，方法如下


JiaoJiao Zhang
关注
专栏目录
复杂的 jq 拖拽、框选拖拽，ajax传值、解决删除与拖拽冲突
小雨飞的博客
08-09 342
*{margin: 0 auto;} .dragdiv{border: 2px solid black;height: 100px;width: 800px;margin-top: 20px;} span{background: red;width: 50px;height: 50px;margin: 20px;display: inline-block;} .to...
HBuilder+Ecplise开发：使用AJAX异步传值生成首字母索引
qq_40536623的博客
02-20 400
使用ajax异步传值生成首字母索引大致有以下几个步骤： 　　1、服务器端使用servlet提取出数据库里的数据; 　　2、使用首字母工具类对数据进处理得到首字母; 　　3、再将首字母和数据一一对应存入json数组，并返回到客户端； 　　4、HBuilder中的html文件使用ajax接受传值并动态添加数据显示。 四点详细阐释如下： 　　1、用servlet提取数据库的数据应该不是什么问题，sql ...
select2 ajax 设置默认值,初始值的方法
10-18
今天小编就为大家分享一篇select2 ajax 设置默认值,初始值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
select2 ajax 设置默认值,初始值
热门推荐
走错路的程序员
08-28 1万+
在做功能的时候需要修改数据, 修改数据时需要显示原始值. 但是在select2的时候 显示原始值是一个非常非常非常非常非常要命的难题. 研究了3个小时, 最后使用$.ajax 重新加载原始值.初始值 并显示.
ajax函数默认值,select2 ajax 设置默认值,初始值的方法
weixin_29141505的博客
08-05 506
select2 ajax 设置默认值,初始值的方法发布时间：2020-08-30 16:19:52来源：脚本之家阅读：189作者：走错路的程序员在做功能的时候需要修改数据， 修改数据时需要显示原始值。但是在select2的时候 显示原始值是一个非常非常非常非常非常要命的难题。研究了3个小时， 最后使用$.ajax 重新加载原始值， 并显示。//two AJAX获取数据方式(每次请求)var $c_...
ajax 初始化下拉框,如何动态初始化select2
weixin_28197941的博客
08-05 543
我会像这样构建流程：将partials分组选择以减少Ajax请求的数量使用'data - '将标记添加到部分HTML中使用AJAX GET检索部分html;初始化元素;[可选]分离目标父元素 - 性能原因;将元素附加到目标;[可选]重新附加目标元素;初始化小部件。贝娄有点解释：因此，假设您有以下HTML：No.Name.Option.1abc2dce3fgh对partials进行分组选择减少Aj...
select2+ajax插件用法记录
CNAHYZ的博客
03-07 1016
html &lt;select class=" form-control" name="cNo" id="select_class" style="width: 100%"&gt;&lt;/select&gt; 初始化select2下拉列表 /** * 初始化班级下拉列表 */ function initClassList() { v.
解决layui批量传值到后台操作时出现传值为空的问题
10-16
2. **JSON序列化**：在将数据发送给后台之前，需要将数组转换为JSON格式。在示例中，使用`JSON.stringify(data)`将对象数组转换成JSON字符串。这是必需的，因为jQuery的`$.ajax`方法默认不会自动处理非JSON格式的...
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
10-17
后端处理包括数据的准备、选择列表的初始化、以及动态数据更新等功能，前段则负责发送请求、接收数据，并进行数据的动态绑定。 8. 数据绑定与更新的优化： 在动态绑定数据时，为了提高用户体验和页面性能，先清空...
ajax 泛微oa表单js_使用ajax提交form表单，包括ajax文件上传
weixin_36165049的博客
12-30 1022
前言使用ajax请求数据，很多人都会，比如说：$.post(path,{data:data},function(data){...},"json");又或者是这样的ajax$.ajax({url:"${pageContext.request.contextPath}/public/testupload",type:"post",data:{username:username},success:fu...
基于select2多选下拉菜单带模糊搜索，并传值给java后端
shuest的博客
11-22 1276
前端效果图： 带模糊搜索，可以选中，也可以删除选择的，也可以全部删除，被选中的会变黑。 实现方式： 首先，加入一些依赖的js资源，可以直接网上获得： <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script> <link h...
多个jquery中select2多选框数组向后台传值问题
大雄号的博客
05-29 4136
背景：      前端框架为AdminLTE,后台为SSM，项目中需要实现表格添加一行的功能，并且这一行中有select2的多选数组遇到的问题：    (1)select2多选返回的数据是数组，但添加多行，由于其name相同，springMVC中通过String[]  orgNames获取的数据错误            eg:第一个select2多选获得的数组值   orgName={1,2},...
Select2我想传默认值,传值自由
书香代码
07-22 3320
class="form-control myselect1 select2" type="hidden" id="myselect1" name="myselect1"/> data: { textname:$('#myselect1').val() == "" ? "" :$('#myselect1').select2('data').text} 使用
select2插件 多选框动态初始化值
weixin_30287169的博客
03-30 114
转自https://blog.csdn.net/yiyiwyf/article/details/53521980 上一篇讲了select2的多选和大标题设置。 这周做到了修改的功能，需要将旧数据的选项默认显示。这里也顺便说一下。 方法很简单，加上一句话即可 $(“#id”).val(data).trigger(‘change’); data是一个存放id值的数组，如 [...
Select2在使用ajax获取远程数据时显示默认数据
violetjack的专栏
08-26 7789
假设我需要在我的select2中默认添加一个之前从服务器上获取过的数据，通过以下方法实现。实测可行~var value = 1 var text = '默认文本' $('.selecter').html('<option value="' + value + '">' + text + '</option>').trigger("change")以上代码其实就是将class="selecter"的s
Select2 ajax异步搜索数据
AugustDY的专栏
01-25 1420
直接上代码 $(".aui-ajax-select").select2({ ajax: { url: "/ajax_topics", method : "post", dataType: 'json', delay: 250, data: function (params) { re...
Select2 Ajax 异步获取之后分组
Martin 的博客
06-04 408
select 2 ajax 异步获取 返回的数据格式结构： { "results": [ { "text": "Groupe 1", "children": [ { "id": "CA", "text": "California" }, { .
select2中的ajax请求
weixin_30433075的博客
06-03 720
下面介绍select2.js的方法，已经整理好文件，可以直接下载使用： 实现效果如下： 引用文件：select2.min.css jquery.js select2.full.min.js <h3>本地数据方式</h3> <select class="form-control input-sm downList1"> <opt...
select2 配置 ajax异步加载数据
zs的博客
08-22 1750
在select标签上加"select2"类名 初始化select2 $("select[name=leaderId]").select2({ ajax: { url: url, delay: 250, //设置请求参数 data: funct...
js select2初始化
最新发布
08-16
在这个代码中，使用了select2插件对下拉列表进行初始化设置。首先，在HTML部分定义了一个select元素，使用了class为"form-control"，id为"jgdm_search"。接着，在JavaScript中，通过读取数据源mzlist、gjlist和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值