Select2初始化，Ajax传值

最新推荐文章于 2025-10-08 00:55:47 发布
原创 最新推荐文章于 2025-10-08 00:55:47 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何解决Select2控件的下拉初始化问题，包括解析id和text形式的数据，以及正确的引入select2.min.css和select2.min.js。通过具体实例展示了与普通select的不同之处。

问题:想实现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形式，方法如下


HBuilder+Ecplise开发：使用AJAX异步传值生成首字母索引
qq_40536623的博客
02-20 451
使用ajax异步传值生成首字母索引大致有以下几个步骤： 　　1、服务器端使用servlet提取出数据库里的数据; 　　2、使用首字母工具类对数据进处理得到首字母; 　　3、再将首字母和数据一一对应存入json数组，并返回到客户端； 　　4、HBuilder中的html文件使用ajax接受传值并动态添加数据显示。 四点详细阐释如下： 　　1、用servlet提取数据库的数据应该不是什么问题，sql ...
利用bootstarp-table实现ajax分页表格
ym_diver的博客
12-05 2225
TP5分页很好用，但是样式比较简陋，最近发现了bootstarp-table用来做ajax分页表格挺好的，在这里把方法Mark一下。 首先引入插件,这里不多说，然后就是html页面了，在HTML只需要简单的定义出一个table就即可 //表单                                                                 订单号
select2 ajax 设置默认值,初始值的方法
10-18
今天小编就为大家分享一篇select2 ajax 设置默认值,初始值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
select2 ajax 设置默认值,初始值
热门推荐
走错路的程序员
08-28 1万+
在做功能的时候需要修改数据, 修改数据时需要显示原始值. 但是在select2的时候 显示原始值是一个非常非常非常非常非常要命的难题. 研究了3个小时, 最后使用$.ajax 重新加载原始值.初始值 并显示.
Select2 数据预加载策略：提升首次加载体验
最新发布
gitblog_00363的博客
10-08 645
在Web应用开发中，表单组件的加载性能直接影响用户体验。Select2作为基于jQuery的下拉框增强插件，虽然通过搜索、远程数据集和无限滚动等功能提升了交互体验，但首次加载时的数据延迟问题常导致用户等待。本文将系统分析Select2的数据加载机制，提供三种预加载实现方案，并通过性能对比帮助开发者选择最适合的策略。 ## 数据加载机制解析 Select2的数据加载逻辑主要通过适配器模式实现，核...
ajax函数默认值,select2 ajax 设置默认值,初始值的方法
weixin_29141505的博客
08-05 583
select2 ajax 设置默认值,初始值的方法发布时间：2020-08-30 16:19:52来源：脚本之家阅读：189作者：走错路的程序员在做功能的时候需要修改数据， 修改数据时需要显示原始值。但是在select2的时候 显示原始值是一个非常非常非常非常非常要命的难题。研究了3个小时， 最后使用$.ajax 重新加载原始值， 并显示。//two AJAX获取数据方式(每次请求)var $c_...
jsp select初始化赋值_select2 ajax 设置默认值,初始值的方法
weixin_33514163的博客
02-01 1101
在做功能的时候需要修改数据， 修改数据时需要显示原始值。但是在select2的时候 显示原始值是一个非常非常非常非常非常要命的难题。研究了3个小时， 最后使用$.ajax 重新加载原始值， 并显示。获取数据方式(每次请求)var $c_HospitalCode = $("#c_HospitalCode").select2({ajax: {type: 'GET',url: "/Report/Ajax...
ajax 初始化下拉框,如何动态初始化select2
weixin_28197941的博客
08-05 589
我会像这样构建流程：将partials分组选择以减少Ajax请求的数量使用'data - '将标记添加到部分HTML中使用AJAX GET检索部分html;初始化元素;[可选]分离目标父元素 - 性能原因;将元素附加到目标;[可选]重新附加目标元素;初始化小部件。贝娄有点解释：因此，假设您有以下HTML：No.Name.Option.1abc2dce3fgh对partials进行分组选择减少Aj...
解决layui批量传值到后台操作时出现传值为空的问题
10-16
2. **JSON序列化**：在将数据发送给后台之前，需要将数组转换为JSON格式。在示例中，使用`JSON.stringify(data)`将对象数组转换成JSON字符串。这是必需的，因为jQuery的`$.ajax`方法默认不会自动处理非JSON格式的...
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
10-17
后端处理包括数据的准备、选择列表的初始化、以及动态数据更新等功能，前段则负责发送请求、接收数据，并进行数据的动态绑定。 8. 数据绑定与更新的优化： 在动态绑定数据时，为了提高用户体验和页面性能，先清空...
Bootstrap-selectpicker多选框的简单实例
11-26
然后，通过调用`.selectpicker()`方法初始化这个选择器： ```javascript $(document).ready(function () { $('.selectpicker').selectpicker(); }); ``` 在这个简单的实例中，用户可以方便地通过输入关键词进行...
select2+ajax插件用法记录
CNAHYZ的博客
03-07 1078
html &lt;select class=" form-control" name="cNo" id="select_class" style="width: 100%"&gt;&lt;/select&gt; 初始化select2下拉列表 /** * 初始化班级下拉列表 */ function initClassList() { v.
基于select2多选下拉菜单带模糊搜索，并传值给java后端
shuest的博客
11-22 1407
前端效果图： 带模糊搜索，可以选中，也可以删除选择的，也可以全部删除，被选中的会变黑。 实现方式： 首先，加入一些依赖的js资源，可以直接网上获得： <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js"></script> <link h...
多个jquery中select2多选框数组向后台传值问题
大雄号的博客
05-29 4232
背景：      前端框架为AdminLTE,后台为SSM，项目中需要实现表格添加一行的功能，并且这一行中有select2的多选数组遇到的问题：    (1)select2多选返回的数据是数组，但添加多行，由于其name相同，springMVC中通过String[]  orgNames获取的数据错误            eg:第一个select2多选获得的数组值   orgName={1,2},...
Select2我想传默认值,传值自由
书香代码
07-22 3379
class="form-control myselect1 select2" type="hidden" id="myselect1" name="myselect1"/> data: { textname:$('#myselect1').val() == "" ? "" :$('#myselect1').select2('data').text} 使用
select2插件 多选框动态初始化值
weixin_30287169的博客
03-30 148
转自https://blog.youkuaiyun.com/yiyiwyf/article/details/53521980 上一篇讲了select2的多选和大标题设置。 这周做到了修改的功能，需要将旧数据的选项默认显示。这里也顺便说一下。 方法很简单，加上一句话即可 $(“#id”).val(data).trigger(‘change’); data是一个存放id值的数组，如 [...
Select2在使用ajax获取远程数据时显示默认数据
violetjack的专栏
08-26 7848
假设我需要在我的select2中默认添加一个之前从服务器上获取过的数据，通过以下方法实现。实测可行~var value = 1 var text = '默认文本' $('.selecter').html('<option value="' + value + '">' + text + '</option>').trigger("change")以上代码其实就是将class="selecter"的s
Select2 ajax异步搜索数据
AugustDY的专栏
01-25 1486
直接上代码 $(".aui-ajax-select").select2({ ajax: { url: "/ajax_topics", method : "post", dataType: 'json', delay: 250, data: function (params) { re...
Select2 Ajax 异步获取之后分组
Martin 的博客
06-04 571
select 2 ajax 异步获取 返回的数据格式结构： { "results": [ { "text": "Groupe 1", "children": [ { "id": "CA", "text": "California" }, { .
protected void Page_Load(object sender, EventArgs e) { Utility.RegisterTypeForAjax(typeof(AjaxClass)); this.Page.Header.Title = ConfigurationManager.AppSettings["SerName"] + " - " + this.Page.Header.Title; SqlChecker sqlChecker = new SqlChecker(base.Request, base.Response); sqlChecker.Check(); }有这样的代码
07-12
- 引用[3]：关于JQuery在ASP.NET中三种AJAX传值。 用户的上一次问题涉及AjaxPro的配置和类注册，我在之前的回答中强调了在Page_Load中调用AjaxPro.Utility.RegisterTypeForAjax的重要性。 现在，用户的问题焦点是...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值