如何使用选定的选项克隆select2？
要使用选定的选项克隆Select2，您可以按照以下步骤进行操作：
- 首先，确保您已经引入了Select2库和相关的CSS和JavaScript文件。
- 在HTML中，创建一个包含原始Select2选择框的标记，例如：
- 在HTML中，创建一个包含原始Select2选择框的标记，例如：
- 使用JavaScript选择原始Select2选择框，并调用它的
.select2()方法来初始化它，例如： - 使用JavaScript选择原始Select2选择框，并调用它的
.select2()方法来初始化它，例如： - 创建一个新的空的
<select>元素，作为克隆的目标，例如： - 创建一个新的空的
<select>元素，作为克隆的目标，例如： - 在JavaScript中，使用
.select2('data')方法获取原始Select2选择框的选中数据，例如： - 在JavaScript中，使用
.select2('data')方法获取原始Select2选择框的选中数据，例如： - 循环遍历选中的数据，并将它们添加到克隆的目标中，例如：
- 循环遍历选中的数据，并将它们添加到克隆的目标中，例如：
- 最后，对克隆的目标进行Select2初始化，以应用Select2样式和功能，例如：
- 最后，对克隆的目标进行Select2初始化，以应用Select2样式和功能，例如：
这样，您就可以通过选定的选项克隆Select2选择框了。请注意，以上代码示例是使用jQuery库进行操作的，如果您使用其他库或原生JavaScript，语法可能略有不同。
在腾讯云的产品中，没有专门用于Select2克隆的产品，但您可以使用腾讯云的云服务器（CVM）来托管您的应用程序，使用对象存储（COS）来存储和管理您的文件，使用CDN加速来提供静态资源，以及使用云数据库（CDB）来存储和管理您的数据。
请参考以下腾讯云产品链接了解更多详情：
相关·内容
对于我的select2多选，我想要显示所选项目的数量。下面的代码说明了这一点： 对于一个选定的项目：“已选定的第1项，共2项” 对于两个选定的项目：“选定的第2个，共2个”“选定的第2个，共2个” 有没有人知道当你选择了两个选项时，如何只显示一次文本？ <!DOCTYPE html>
<html lang="en" >
<head>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css
浏览 81提问于2021-11-16得票数 1
1回答
在我的项目中，我使用jquery select2和datepicker插件。我对他们使用了自定义指令。它们可以正常工作，直到我需要使用v-model获得选定的值为止。由于某些原因，它不绑定值。我猜在某个地方发生了冲突。
以下是我的指示：
Vue.directive('select', {
twoWay: true,
inserted: function (el) {
$(el).select2();
},
updated: function (el) {
$(el).select2();
}
});
更新的
浏览 2提问于2017-04-28得票数 0
6回答
我试图在select2-jquery组件中显示选定的值。
var select = $(".select2").select2({
multiple: true,
placeholder: "",
width:'100%',
data: z
});
var selectedValues = $("#sourceValues").val().split(',');
$.each( selectedValues, function(k,v){
$(".select2&
浏览 13提问于2014-07-23得票数 11
回答已采纳
我知道如何从下拉列表中启用选定的属性；我可以使用以下代码：
$('select').select2();
但我的问题是如何禁用它？thx
浏览 2提问于2014-01-17得票数 31
回答已采纳
这个问题专门针对Select2 v4
如何获取为Select2下拉菜单选择的Value？
我尝试过以下几种方法：
jQuery('#Dropdown').val()
jQuery('#Dropdown').select2().val()
而且这两种方法似乎都没有给出所选元素的值。在运行此代码时，我已确保有一个选定的项目。
浏览 2提问于2016-07-18得票数 3
我正在尝试使用foreach循环将数据加载到select2。
代码：
var url = "@Url.Action("Listofservices","service")";
$.get(url, function (status, val) {
$.each(status, function (i, val) {
$(".ser").select2("data", val.Name);
浏览 2提问于2018-08-16得票数 0
2回答
嗨！伙计们我对JQuery一无所知..。请帮我一个忙。
我创建了一个带有按钮的引导表单，如果用户需要额外的输入字段，请添加另一个字段。新字段是从原始字段中克隆的。
日期选择器最初没有工作(在克隆字段上)，所以我添加了代码来解决这个问题。(这是我的运气，花了我7小时才弄对)..
但后来我发现即使是克隆的复选框也不起作用。由于选择器使用的是ID (#e1)，所以我认为这是一个原因，所以我将其更改为class (.e1)。这没什么用。->So我尝试了同样的方法(就像我在日期选择器上做的那样)，但是它也失败了。
下面是代码:页面标题处的->
<script src="
浏览 1提问于2015-04-30得票数 0
回答已采纳
我能得到选定值的objectid select2下拉列表吗？
$('#buildParcelID option:selected').val();是如何得到值的，但我不知道如何获得id。这就是我的目标
浏览 4提问于2022-01-14得票数 0
回答已采纳
3回答
有人知道如何在angular中清除ui选择框的选定值吗？
我想要select2的功能，你在选择框中有一个小x。看起来它没有select2得到的allow-clear方法。
浏览 29提问于2014-10-16得票数 59
回答已采纳
如何从选定的(！)中获取属性选项元素在选择使用select2从引导？
HTML：
<select id="select_project_type">
<option value="1" required-property="A">Option 1</option>
<option value="2" required-property="B">Option 2</option>
</select>
联署材料：
$('#s
浏览 3提问于2014-07-26得票数 0
回答已采纳
1回答
我正在尝试禁用select2中的选定选项，但select2似乎不刷新。
我的目的是在选择后禁用select2列表中的每一项。我看到选项获得了disabled属性，但在select2元素中该选项仍然处于启用状态。
$("#select-filter").select2({
placeholder: "Select a category",
data:[{
id: "",
text: ""
},{
id: "project",
te
浏览 1提问于2016-05-23得票数 1
我在bootstrap4中使用yii 2.0.43。
如果我将Select2小部件配置为允许单项选择，如下面的代码所示，那么select输入上的搜索控件将不起作用。它不可编辑。
<?php
echo '<label>Roles</label>';
try {
echo Select2::widget([
'id' => 'user-roles',
'class' => 'form-control&#
浏览 6提问于2021-11-13得票数 0
4回答
所以我想知道如何用jquery正确克隆select2？问题是当我使用克隆时，它使我的克隆的width 1px，它不复制选定的值。我尝试了多种方法，用真参数克隆，用事件克隆，但到目前为止还没有。 我认为问题在某种程度上与clone()方法有关。 相关jsfiddle：https://jsfiddle.net/qeodcg3o/
浏览 45提问于2016-11-18得票数 0
回答已采纳
我总是从以前的值中获得值，而不是从select2中获得选定的值。
这是我的代码：
$('.itemclass').on("select2:selecting", function (e) {
alert($('.itemclass').select2().val());
});
下面是选择的内容(我使用了select2)。我的最后一个选择是'ADDUAT_AE‘，我选择的新项目是'AMCAT_0807’。
但问题是，我总是得到前面选定的项目。
HTML代码：
<div class="inp
浏览 1提问于2019-11-13得票数 0
回答已采纳
我在javascript中有这样的数组
var array = ["Impression", "Clicks", "CTR", "CVR", "CPC", "CPM", "CPA"]
我希望从我的数组中设置select2中选定的文本，但会感到困惑。
select2代码：
$('.params_1').select2({
placeholder: "Impression",
allowClear: false,
data: array,
浏览 3提问于2016-06-01得票数 1
回答已采纳
1回答
目前，我没有使用select2插件，它可以工作，但我想使用select2插件
我在这里尝试做的是使用Select2插件获取选定的选项，然后执行ajax调用
因此，如果选择了一个选项，将传递id并完成ajax调用。
$('.select2').change(function(e){
var arraypos = $(this).children(":selected").attr("id");
jQuery.ajax({
url: '/wallfly-mvc/public/d
浏览 0提问于2015-10-01得票数 1
3回答
我使用的是select2下拉菜单，并且想在每个选项上设置不同的颜色。
示例：
<select class="select2" name="fruit">
<option class="red-option">Apple</option>
<option class="green-option">Kiwi</option>
<option class="blue-option">Grape</option>
</se
浏览 1提问于2018-04-13得票数 6
回答已采纳
14回答
要获取我使用的select2的选定值，请执行以下操作：
var x = $("#select").select2('data');
var select_choice = x.text
问题是，如果未选择值，则会引发错误，如果未选择选项，我想知道是否有任何方法使其返回占位符。
浏览 9提问于2014-01-28得票数 65
回答已采纳
1回答
对于select2库，有一个名为initSelection的选项，它使用户能够根据选定的值解析标签。
react-select也有类似的功能吗？
浏览 1提问于2018-05-25得票数 0
我有一个使用ajax从数据库加载数据的select2元素。我想从db中加载值，并在编辑模式中选择它作为选定值。但是我不能使用触发器函数来加载值。 我尝试通过比较选定的值来使用循环，但是我得到了两次select2选项orinted。 $(document).ready(function(){
var area = $('#area').select2({
placeholder: "Pilih Cabang Area Tagih Collector Agency...",
multiple: tru
浏览 15提问于2019-10-07得票数 0
13回答
Select2成功加载列表中的所有项，这是在页面加载时尝试选择特定值时发现的问题。示例：
*将select2放在特定的html元素中，即使加载了所有项，也不会选择任何值。
$('#my_id').select2();
*当页面加载时，我试图显示选定的特定项，但不像预期的那样工作，因为即使选中，select2也不会显示它。
$('#my_id').val('3'); //select the right option, but doesn't render it on page loads.
如何选择页面加载时弹出的选项？
提前谢谢。
已更
浏览 10提问于2013-02-19得票数 41
回答已采纳
我正在处理一个带有select2的表单。其思想是，当用户选择或更改select2 dropdown中的任何值时，需要在选定的accountId上运行一个方法。 根据组件上选定的accountId显示一些消息。blade.php文件如下所示 <div class="col-md-9 col-12">
<div wire:ignore>
<select id="accountId" class="form-control" wire:model="accountId">
浏览 36提问于2021-07-17得票数 0
3回答
我正在从Twitter的typeahead.js迁移到select2。
我真正喜欢typeahead.js的一点是，选定值和搜索框出现在同一个字段中。你可以在上试试。
我想在select2中实现同样的效果。您将注意到，在select2中，“当前选定的值”与搜索框位于不同的位置。
我如何使它成为相同的元素？
浏览 0提问于2015-10-28得票数 4
1回答
<?=
$form->field($model, 'contributors')->widget(Select2::classname(), [
'initValueText' => '',
'options' => ['placeholder' => 'Search for a Contributor ...'],
'pluginOptions' => [
'allowClear'
浏览 1提问于2018-02-01得票数 1
我正在将Select2与后面的asp.net代码结合起来，以获得值。现在，我也希望使用代码获取所有选定的值。但我不能让它起作用。这是我的HTML代码
<div class="form-group">
<label>Multiple</label>
<select class="form-control select2" id="ddLokasi" multiple="true"
runat="server" data-placeholde
浏览 1提问于2016-04-14得票数 3
回答已采纳
10回答
我正在和一个很棒的合作。
我也在尝试清理和禁用包含内容的select2，所以我这样做：
$("#select2id").empty();
$("#select2id").select2("disable");
好的，它可以工作，但如果我选择了一个值，所有的项都会被移除，控件被禁用，但选定的值仍然会显示。我想要清除所有内容，以便占位符将被显示。这是我做的一个例子，你可以看到这个问题：
HTML：
<select id="sel" data-placeholder="This is my placeholder"
浏览 8提问于2013-05-01得票数 48
回答已采纳
我试图使用“val”预先填充选定的选项，但在选项中预选的选项只有一个。
<select name="question_tags[]" id="question_tags" class="select2_tags" multiple="multiple">
$(document).ready(function() {
$('.select2_tags').select2({
placeholder:"Select",
浏览 0提问于2018-05-12得票数 2
回答已采纳
我正在使用angular-ui select2插件，我找不到任何解决方案来清除选定的输入。如何清除选中的输入？谢谢。
<http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview>
我想要这样的东西。
浏览 1提问于2014-10-07得票数 2
我试图找出正确的方法来读取select2下拉项目中当前选定的文本(而不是值)。我没有看到这个列出的。
我可以看到，有一个新的DOM元素，它是带有"-container“后缀和”select 2-“前缀的原始select下拉列表的ID，因此不确定这是建议读取它还是select2有另一个api调用。
使用jquery读取当前选定文本的正确方法是什么？
浏览 2提问于2015-07-27得票数 12
回答已采纳
我坚持这个问题，即当用户从一个选择框中选择一个选项时，该选项应该隐藏在另一个选择框中。当选定的选项发生更改时，先前选择的选项将再次对其他复选框可用。
当前代码的问题：
当选择框是正常选项时，我的代码正在工作，如果我更改为select2，它将无法工作。如果选择框是select2 :(？)
Code: http://jsfiddle.net/t8170aqg/1/
浏览 0提问于2020-07-01得票数 1
回答已采纳
我想根据第一个select2组件的选定值更新另一个select2多选择组件的选项
正如您所看到的，我在下面尝试过的方法，但不准确，我如何才能知道被选择的值，而不是检索所有选定的值
$('#id_old_states').on("change", function (){
let name = $('#id_old_states').select2('data')[0]["text"]
let id = $('#id_old_states').select2(
浏览 2提问于2022-09-30得票数 0
1回答
我已经创建了一个select2字段，它将input字段的值更改为选定的选项。 当我选择它时，我会让它正确地购物，但所选的没有用逗号分隔，请帮助 $(function() {
// turn the element to select2 select style
$('.select2').select2({
placeholder: "Select a state",
maximumSelectionLength: 2,
tokenSeparators: [',', ' ', ';&#
浏览 23提问于2021-04-21得票数 2
回答已采纳
我是jquery和javascript的新手，所以这可能是一个愚蠢的问题，但我在将select2中选定选项的值设置为文本输入时遇到了问题。这是我的代码： <head>
<!-- stylesheets -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="h
浏览 51提问于2017-01-28得票数 12
回答已采纳
我将与jqGrid结合使用。对于“选择”的项目，我要做的是：
{label:"Teacher",name:"teacher",index:"teacher",editable:true,edittype:"select",
editoptions:{
dataUrl:"../ajax/selects/select_teachers.php",
width:"400px",
浏览 9提问于2016-06-15得票数 1
回答已采纳
我正在使用Meteor autoform select2包，我正在尝试如何设置一个选定的值。目前正在尝试以下内容，但我看不到其他国家/地区的列表
options: function () {
var user = Meteor.users.findOne();
if (user && !_.isEmpty(user.profile.country)) {
return {value: user.profile.country};
}
return countriesList;
}
浏览 2提问于2015-07-31得票数 0
3回答
我在"Ajax模式“中使用Select2，所以我从API端点获得选项。但是，我需要在用户开始键入之后，通过Javascript预先填充一些选定的选项。
我尝试将它附加到<select></select>和呈现的列表中，但是我无法正确地完成它。
浏览 15提问于2017-04-21得票数 2
回答已采纳
2回答
是否有一种方法可以在select2中设置选定的id/文本，就像正在显示和选择的一样？
我正在使用jQuery4.0.0版本的select2
这是代码：
$("#users").select2({
placeholder: "select user...",
escapeMarkup: function (markup) { return markup; },
ajax: {
url: "users.json",
dataType: 'json',
delay:
浏览 0提问于2015-10-08得票数 9
2回答
我使用ajax get在select2单选中填充值。
select2的初始化方式如下(jQuery)：
$("#domain").select2({
placeholder: "Placeholder text",
allowClear: true,
multiple: false,
ajax: {
url: "/json/domain",
dataType: "json",
data: function(term, page) {
浏览 1提问于2015-03-10得票数 1
2回答
我在选择列表中使用和。最初，我不想默认选择任何选项，而是显示一个类似于“select .”的文本这篇文章应该是初步选定的。为此，我使用了敲除optionsCaption binding。它工作得很好，但是如果我在select列表上应用了select2插件，那么初始的默认文本就不会被选中。这里我的代码：
<select data-bind="options: array, optionsCaption: 'All'" size="1">
</select>
JS
$('select').select2();
浏览 4提问于2012-11-09得票数 1
回答已采纳
我正在做一个项目，在这个项目中，我需要将列表项从list1添加到list2，点击它的鼠标，或者按add按钮。到目前为止，我已经完成了这个。
$().ready(function() {
var classHighlight = 'highlight';
var $thumbs = $('ul li').click(function(e) {
e.preventDefault();
$thumbs.removeClass(classHighlight);
$(this).addClass(classHighlight);
});
$(
浏览 4提问于2016-05-06得票数 2
回答已采纳
我们如何确定在组件上触发的更改事件是选择还是取消选择的结果？如何才能仅获取选定值的值或仅获取取消选定值的值？
$("#airports-select-2").chosen().change(function(event) {
console.log('select2 change', event, $(event.target).val());
});
这段代码给出了到目前为止在多选组件上选择的所有值。如何才能更改为仅提供新选中或取消选中的元件的值？
浏览 2提问于2012-07-27得票数 20
回答已采纳
我正在使用Select2 Jquery绑定我的下拉列表，它用于多个选择。我使用的是select2 jquery。
它工作得很好，我可以绑定我的dropdown，但我需要从我的多值选择器中获得选定的值。我正在寻找方法来获取值，这是由select2 Jquery支持的。它可能是让一个函数获取选定值。
我的下拉绑定代码
$(".leaderMultiSelctdropdown").select2( {
maximumSelectionSize: 4
});
浏览 3提问于2012-10-15得票数 65
回答已采纳
我为multiselect实现了select2，我的select2元素如下所示：
<input type="text" name="reply_to[]" class="form-control populate placeholder" multiple="multiple" id="recipient_name_rply" required="" >
在更改另一个下拉列表时，我将使用以下jQuery代码删除先前选定的用户：
$('#recipient_name_rply
浏览 1提问于2018-04-02得票数 1
回答已采纳
如何在select2倍数中设置选定的项？我希望将这些选项/值设置为默认情况下在多个选择列表中选择，并将它们显示给用户，以便在必要时能够更新其数据。
<?php
$mytitle = array(
"867310020292434, 867310021548131, 867310021561670");
$test = implode(',', $mytitle);
$query=mysqli_query($link,"select * from inventory where ITEM_CODE_MX='OPP01-3006GR
浏览 2提问于2016-07-20得票数 0
有几个问题我很难弄清楚。我有一个下拉列表和一个按钮，它将选定的选项添加到multiple select控件中。我遇到的第一个问题是，当multiple select有多个选项，并且您要添加的内容已经存在时，不管存在多少选项，都会调用已存在选项的警报。要复制我想要解释的内容，请遵循以下步骤：
下面是一个，它显示了这个问题。
从下拉列表中选择一个选项
单击Add
从下拉列表中选择另一个选项
单击Add (在多个select控件中现在应该有两个选项)
再次单击Add (尝试添加步骤4中添加的相同选项)
问题1:应该发生在步骤5中，其中警报被触发两次。
我假设发生这种情况是
浏览 2提问于2013-10-18得票数 1
回答已采纳
全,
我有一个PHP模板文件，它生成一个带有3个select字段的隐藏div。
<div>
<div class="form-group accessory collapse">
<select class="accessory" style="width:50%">
</select>
<span class="input-group-addon">×</span>
<sele
浏览 10提问于2015-11-06得票数 1
回答已采纳
1回答
我已经通过select2配置了我的选择，一切都很好。
我使用templateResult和formatState方法将图标添加到下拉选项中。
$(".js-country-list").select2({
templateResult: formatState
});
但是，这不会将任何内容更改为选定的值(请参见下面的图像)。
如何确保选定的值(在我的例子中，EUR)将与选项:欧元(EUR)完全相同？
谢谢。
浏览 9提问于2021-12-13得票数 2
回答已采纳
我使用带有multi_select选项的数据表width、yadcf和select2。
我想将选项closeOnSelect: false传递给select2。结果并不像预期的那样工作:只过滤第一个选定的值。其他条目仅突出显示。
目标是一次选择多个条目，就像在第三个选择框中一样。
我做了个小提琴：
浏览 1提问于2018-04-10得票数 2
返回abs、def、ghi值的Select2。如何仅获取当前选定的值或数据属性。
我只想得到abc或def，这是曾经选择过的，那该怎么办？
总之
我正在选择多个，然后最新选择将显示。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link href="http://ivaynberg.github.io/select2/select2-3.5.0/select2.css" rel="styles
浏览 0提问于2014-06-20得票数 1
3回答
我有一个select2多项选择器：
var location = document.createElement('div');
location.id = 'location'
$.each(attributes.locations, function (i, obj) {
$('#location').append($('<option>', {
value: obj.id,
text: obj.name
}));;
})
$('#location'
浏览 0提问于2018-03-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
