select2多选框只接受数组中最后选定的值
select2是一个基于jQuery的选择框插件，可以实现多选功能。对于select2多选框只接受数组中最后选定的值的问题，可以通过以下方式解决：
- 确保select2初始化时设置了multiple属性，以支持多选功能。
- 在select2的change事件中，获取选中的值，并将其存储到一个数组中。
- 当选中新的值时，更新数组中对应的值，保持数组中只有最后选定的值。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>
</head>
<body>
<select id="mySelect" multiple>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
<option value="4">Option 4</option>
</select>
<script>
$(document).ready(function() {
var selectedValues = []; // 存储选中的值的数组
$('#mySelect').select2(); // 初始化select2
$('#mySelect').on('change', function() {
var selectedOptions = $(this).val(); // 获取选中的值
if (selectedOptions.length > 0) {
selectedValues = selectedOptions; // 更新选中的值数组
}
});
});
</script>
</body>
</html>在上述示例中，我们使用了select2插件，并设置了multiple属性以支持多选。在change事件中，我们获取选中的值，并将其存储到selectedValues数组中。每次选中新的值时，我们更新数组中的值，以保持数组中只有最后选定的值。
对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，我无法提供相关链接。但腾讯云作为一家知名的云计算服务提供商，提供了丰富的云计算产品和解决方案，可以通过腾讯云官方网站进行了解和查找相关产品。
相关·内容
2回答
select2多选框只接受数组中最后选定的值
javascript、python、jquery、django、jquery-select2
我最近尝试在我的django应用程序中使用select2多选框，select2框显示正确，我可以像它应该选择的那样选择多个选项，但是当选择的值进入数组时，就有一个问题。这是我的代码：<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/
浏览 53提问于2019-11-06得票数 0
回答已采纳
2回答
在添加多个值域时使用了什么html表单控件？
html、forms
我有一个简单的jsp应用程序，我有一个歌曲和流派之间的多对多关系。我应该使用哪个表单字段来为一首歌曲添加多个流派。我正在考虑复选框，但我不知道它是否合适。这是我的erd。
浏览 1提问于2015-07-09得票数 0
2回答
如何删除SELECT2中的选定值
javascript、jquery、ajax、jquery-select2
我的select2 jquery遇到了麻烦。我正在使用ajax来追加选项的值。select2将在一个模态中显示。所以问题是，我想移除所选的值。我该怎么做呢？这是我的密码：<a data-toggle="modal" data-target="#customer-ba">
<i class="fa fa-users"&
浏览 0提问于2018-02-09得票数 2
回答已采纳
1回答
primeng -一次只选择一个复选框项
angular、primeng
是否可以将primeng的配置为选择框，例如用户一次只能选择一个复选框？我的组成部分： <div class="ui-g-12"><p-checkbox
浏览 0提问于2018-04-01得票数 4
回答已采纳
6回答
无法在Select2中设置多个值
javascript、jquery、jquery-select2
我试图在select2-jquery组件中显示选定的值。var select = $(".select2").select2({ placeholder: "", data").select2('val',v);元素sourceValues保存值，例如: 2,4，z
浏览 13提问于2014-07-23得票数 11
回答已采纳
1回答
使用SlickGrid中的复选框获取单行？
javascript、slickgrid
对于每一行，我都有一个带有复选框的表，我希望使用Slickgrid和Javascript只获得当前(最后)选中的行。我知道Slickgrid的函数，它返回与当前选定的rows.But对应的行索引数组，无法找到只返回最后选定行的方法。
浏览 0提问于2015-05-13得票数 3
回答已采纳
2回答
单选按钮而不是下拉列表
forms
我有一个问题，我的客户需要我将下拉菜单更改为单选按钮选择，其中1个，需要被点击的无尽的选项，另一个最大的4个10。这是我的表单的样子： <table
浏览 1提问于2011-05-12得票数 0
3回答
Select2:预选项和通过templateSelection正确呈现
jquery、jquery-select2
在使用时，建议的(实际上是正确的)方法是以编程方式设置选定的值，即操作基础select元素，添加所需的<option>元素，用$selectElement.val(<value>)设置值，并触发.trigger('change')事件，以便select2插件能够从基础select元素中更新自己。templateSelection接受来自数组数据源或ajax
浏览 9提问于2017-07-13得票数 8
1回答
显示Select2多个选项，不显示所有结果
javascript、jquery-select2
因此，我有一个Select2多重下拉列表，只想简单地返回所有选定的值。“图1”、“图2”、“图3”、“Graph4”
事先非常感谢！$(".graph-selection").selec
浏览 6提问于2015-10-08得票数 0
回答已采纳
3回答
无法设置select2值
javascript、jquery、jquery-select2
我使用的是Select2 v4，并初始化了对象：<select class="form-control" name="categories[]" multiple="multiplecategories as $c) @endforeach我已经用可以由
浏览 3提问于2018-11-16得票数 2
回答已采纳
1回答
选中该选项后，从下拉列表中选择多个选择删除选项
javascript、jquery、jquery-select2、multi-select
我正在使用Jquery Select2进行多重选择和复选框。我想从下拉列表中删除选定的项。我正在使用下面的代码。它正在移除该项目。，但是在选择项目后，我得到了输入和下拉之间的差距。我的代码是Javascript closeOnSelect: false, allowClear:
浏览 1提问于2020-06-08得票数 0
4回答
从Select2中获取选定的值
jquery
我总是从以前的值中获得值，而不是从select2中获得选定的值。这是我的代码： alert($('.itemclass').select2().val());下面是选择的内容(我
浏览 1提问于2019-11-13得票数 0
回答已采纳
1回答
Rails -通过params传递多个复选框值
ruby-on-rails、checkbox、simple-form、parameters
以下是一个没有提交和url的简单表单。，其值为“Certificate‘s”，一旦选中其中一个复选框，智能列表就会向控制器发送带有params的请求。，证书数组只具有最新的值，而不是所有选定的复选框值。此外，当选中复选框和取消选中时，params中的证书数组值保持不变。如果取消选中复选
浏览 4提问于2016-04-19得票数 2
回答已采纳
2回答
ng-用ng选项填充选择框多次调用更改函数
javascript、angularjs
我已经创建了带有JSON数据中定义的层次结构的链式(父-子)选择框。每个选择框对象都指定了它的父选择框对象，并有一个选择框选项数组，其中每个选项都包含选项值+父值。以下是数据的简化表示：我在"select“标记中使用ng-options动态创建复选框，然后使用自定义筛选器，通过将选项值的父选项值与其父对象的”当前选定
浏览 4提问于2017-03-16得票数 2
回答已采纳
2回答
选择“从db到数组”复选框中的id_value，然后将多个值从数组复选框插入到一个以逗号分隔的列中。
php、mysql、arrays、select、insert
我有一个带有id值的输入数组复选框。(我不确定数组是否工作)当我插入复选框的值时。它只插入一个值，而不插入选定的复选框。
如何将所选复选框中的<
浏览 7提问于2014-01-23得票数 0
回答已采纳
1回答
Pug (RIP )表单复选框--无论选择多少次，只返回一个值
node.js、forms、checkbox、pug
我有一张用帕格写的表格。我正在从表单的POST中获取所有正确的参数，除了我的复选框数组是一个包含一个值的字符串--所选的最近一天。每个复选框都有一个等于数组的名称，因此表单应该返回所有选中的复选框。create-shift-sun(type='checkbox', name='days[]'
浏览 2提问于2016-09-02得票数 4
回答已采纳
4回答
无法在PHP中从动态生成的多选框中获取值
php、arrays、multiple-select、dynamic-values
我有一个简单的表单，其中包含一个多选框，这是动态生成的一个按钮点击。由于它是一个多选框，用户将能够从选择框中选择任意数量的值&这些值应该保存到数据库中。多选框将根据用户的选择多次生成，所有输入的数据都应该保存。选择框的名称将类似于select2[]1、select2[]2、select
浏览 0提问于2015-03-23得票数 0
3回答
将选定的复选框值作为字符串发送到PHP
php、jquery、drop-down-menu、jquery-select2
我使用创建复选框， $("#e1").select2();为了获得php中的选择框的多个选定值，我必须通过name="mydata[]"修改name="mydata[]"，而在PHP中，我通过以下代码获得值：
<?
浏览 6提问于2013-12-27得票数 1
回答已采纳
2回答
Backbone.syphon处理多个复选框
javascript、jquery、backbone.js、marionette、backbone-views
它似乎无法处理将表单值序列化为特定用例的JSON :一组复选框，每个复选框都带有一个单独的值，但都命名相同。input type="checkbox" name="cats" value="Tango">我重写了复选框读取器，给出了复<
浏览 3提问于2013-08-14得票数 1
回答已采纳
2回答
从选定的复选框值创建数组
php、arrays、forms、loops
我有一堆使用$_POST方法的复选框，每个复选框都有一个唯一的名称和值。如何将选定的值放入数组中？我开始使用for循环，但我不知道如何一次只调用一个值，也不知道它是否已被选中。
浏览 0提问于2011-10-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
