首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >要传递给Select2的多种格式

要传递给Select2的多种格式
EN

Stack Overflow用户
提问于 2016-04-03 13:51:04
回答 1查看 323关注 0票数 1

我正在使用select2 multiple for search框。我使用JSON传递这些数据,并使用ajax(JSON stringify)保存它。

我只需要传递2个变量,它们是ID(主键,自定义的)和选择本身。

当只选择了一个值时,我设法将其保存到数据库中。

当选择多个值时,在我的console.log中,我看到如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{21,23,25,26}

这就是选择本身。

我怎么才能让它像这样展示,

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Object0->{id:1, selection:21}
Object1->{id:2, selection:23}
Object2->{id:3, selection:25}
Object3->{id:4, selection:26}

下面是我使用的代码,

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var nature = {
   ubtBusinessInfo: businessId, // the primary key
   ubtBusinessListing: nature.val() // here is selection
};

这是select2的初始化,

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    nature
    .select2({
        allowClear: true,
        placeholder: "Filter as you type",
        minimumInputLength: 3,
        multiple: true,
        ajax: {
            url: 'home/umkei/info/nature',
            dataType: 'json',
            quietMillis: 250,
            data: function (term, page) {
                return { q: term };
            },
            results: function (data, page) {
                return { results: data };
            },
            cache: true
        }
    })

性质的定义来自(我尝试了两种方法,如下所示)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var nature = $('[name=nature_business]') OR var nature = $(#nature_business);

我知道这一定与nature.val()的用法有关。必须是类似数组的类型,但我不知道如何区分/拆分这些数据,使其成为键->值对。

谢谢。

EN

回答 1

Stack Overflow用户

发布于 2016-04-09 10:08:29

我上周得到了这个,我想我应该分享我的解决方案。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var nature=[];
var splitnature = nature_business.val().trim().split(',');
var n;

for(n=0; n<=splitnature.length-1;n++){
    nature.push({
    ubtBusinessListing: splitnature[n],
    ubtBusinessInfo: businessId
    });
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36386221

复制
相关文章
vue传递给后端时间格式问题
解释: @DateTimeFormat(pattern = “yyyy-MM-dd HH:mm:ss”)设定接受前端传递过来的时间格式 @JsonFormat(timezone = “GMT+8”, pattern = “yyyy-MM-dd HH:mm:ss”)注解:把数据库中datetime的格式取出来转化为yyyy-MM-dd HH:mm:ss格式。
知识浅谈
2023/09/07
5160
Mybatis传参的多种方式!
现在大多项目都是使用Mybatis了,但也有些公司使用Hibernate。使用Mybatis最大的特性就是sql需要自己写,而写sql就需要传递多个参数。面对各种复杂的业务场景,传递参数也是一种学问。
用户5224393
2019/08/13
5550
vue通信、传值的多种方式(详细)
朋友们可以百度下 Session Storage(程序退出销毁) 和 Local Storage(长期保存) 的区别。
全栈程序员站长
2022/06/28
9820
vue通信、传值的多种方式(详细)
Logstash 处理多种格式日志
生产环境下使用 logstash 经常会遇到多种格式的日志,比如 mongodb 的慢日志,nginx或apache的访问日志,系统syslog日志,mysql的慢日志等
franket
2022/01/20
1.5K0
PLNIK 的多种文件格式转换
plink --vcf snp.vcf --recode --out snp ped和map文件是Plink的基本格式。
用户9434941
2022/02/05
2.9K0
Qs传参数格式问题
PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL
张苹果
2022/09/22
1.2K0
Logstash 处理多种格式日志1
关键是 tags => [“nginx_access_log”] ,这是在对自己这个输入源的日志进行打标
franket
2022/01/20
2370
支持多种数据格式的Ucinet绘制多种符合论文格式要求的网络图。
1、按<Ctrl+S>键 2、点击[文本] 3、按<Ctrl+S>键 4、点击[保存] 5、点击[Visualize] 6、点击[NetDraw] 7、点击[文件] 8、点击[untitled.##h] 9、点击[打开]
裴来凡
2022/05/28
9890
支持多种数据格式的Ucinet绘制多种符合论文格式要求的网络图。
select2的使用
你必须在其它地方能获取到这个select标签,所以要为其设置id、class或者是name以便能得到这个标签。multiple属性是是否可以多选。option是下拉框中多选的内容。例如在angluar中,使用ng-repeat循环出来值xxx,然后放在option中供select使用。
晓果冻
2022/06/17
1.5K0
多种详细讲解小程序页面传值
开发小程序,总是避免不了页面和页面之间数据共享,实现方法有很多种,今天就详细讲解下小程序页面传值,需要的朋友可以参考下。
青年码农
2020/11/19
2.1K0
多种详细讲解小程序页面传值
Logstash 处理多种格式日志2
相关的配置基础可以参考 Filebeat Configuration Options
franket
2022/01/20
5190
springboot,get传日期格式转换
男女双方愿意相互观察是爱情的第一征象——瓦西列 对于这种请求: http://api.achao.cn/example?date=2022-11-09 我们可以配置转换器,mvc则会自动帮我们转
阿超
2022/11/16
8740
Milvus 与 ONNX 格式的多种模型结合应用
开放神经网络交换(Open Neural Network Exchange,简称 ONNX)是一个开放的生态系统,它提供了基于人工智能模型的一种开源格式。自 2017 年开源以来,ONNX 在短短几年时间内发展为表示人工智能模型的实际标准,提供了一个统一的交互格式,用于优化深度学习和传统的机器学习。ONNX 定义了一组与环境和平台无关的标准格式,实现不同框架之间的互操作性,并简化从研究到生产的路径,有助于提高人工智能社区的创新速度。
Zilliz RDS
2021/08/20
9750
select2 api参数的文档
// 加载数据 $("#e11").select2({ placeholder: "Select report type", allowClear: true, data: [{id: 0, text: 'story'},{id: 1, text: 'bug'},{id: 2, text: 'task'}] }); // 加载数组 支持多选 $("#e11_2").select2({ createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term, text:term};} }, multiple: true, data: [{id: 0, text: 'story'},{id: 1, text: 'bug'},{id: 2, text: 'task'}] }); function log(e) { var e=$("<li>"+e+"</li>"); $("#events_11").append(e); e.animate({opacity:1}, 10000, 'linear', function() { e.animate({opacity:0}, 2000, 'linear', function() {e.remove(); }); }); } // 对元素 进行事件注册 $("#e11") .on("change", function(e) { log("change "+JSON.stringify({val:e.val, added:e.added, removed:e.removed})); }) // 改变事件 .on("select2-opening", function() { log("opening"); }) // select2 打开中事件 .on("select2-open", function() { log("open"); }) // select2 打开事件 .on("select2-close", function() { log("close"); }) // select2 关闭事件 .on("select2-highlight", function(e) { log ("highlighted val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 高亮 .on("select2-selecting", function(e) { log ("selecting val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 选中事件 .on("select2-removing", function(e) { log ("removing val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 移除中事件 .on("select2-removed", function(e) { log ("removed val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 移除完毕事件 .on("select2-loaded", function(e) { log ("loaded (data property omitted for brevity)");}) // 加载中事件 .on("select2-focus", function(e) { log ("focus");}) // 获得焦点事件 .on("select2-blur", function(e) { log ("blur");}); // 失去焦点事件 $("#e11").click(function() { $("#e11").val(["AK","CO"]).trigger("change"); }); 官网文档地址是:http://select2.github.io/select2/#documentation。说再多也没用,最后我们来个实例来证明一下ajax请求远程数据,以截图为准:
别先生
2019/06/05
6K0
select2 api参数的文档
linux中同时移动多种格式文件
同时移动多种文件类型 方法一 假设 rumenz 的目录中有多种类型的文件,如 .pdf .doc .mp3 .mp4 .txt 等,我们先来查看 rumenz中的内容: > ls rumenz/ 123.pdf 456.pdf rumenz.mp4 rumenz.mp3 1.txt 将 doc,pdf 和 txt 文件一次性移动到另一个名为tmp 的目录中,你可以使用如下命令: > mv rumenz/*.{doc,pdf} tmp/ 方法二 然后将选择的文件类型移动到目标目录tmp: > cd rume
入门笔记
2022/06/02
1.3K0
Go语言读取多种格式配置文件
Viper是一个完整的配置解决方案,包括12因素应用程序。它被设计为在应用程序中工作,并且可以处理所有类型的配置需求和格式。它支持:
闫同学
2023/10/14
2190
linux中同时移动多种格式文件
原文链接:https://rumenz.com/rumenbiji/linux-mv-multiple-formats.html
入门笔记
2022/06/07
1.3K0
linux中同时移动多种格式文件
原文链接:https://rumenz.com/rumenbiji/linux-mv-multiple-formats.html
入门笔记
2021/10/30
1.3K0
select2和mo
<?php use common\models\Order; use imxiangli\select2\Select2Widget; use yii\helpers\Html; use yii\h
botkenni
2019/09/02
7390
点击加载更多

相似问题

创建要传递给zeep的xml格式

10

如何在将日期传递给服务时支持多种格式

20

要传递给mdp时间选择器的格式

125

无法将值传递给DocuS传模板

14

为什么被迭代的对象要通过回调回传?

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文