如何附加到select2中现有的下拉选项之一？
要附加到select2中现有的下拉选项之一，可以通过以下步骤实现：
- 首先，确保你已经引入了select2库，并且已经创建了一个select元素并将其转换为select2下拉框。例如：
<select id="mySelect">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>$('#mySelect').select2();- 接下来，你可以使用select2的API方法来动态添加新的选项。例如，使用
append方法添加一个新的选项：
$('#mySelect').append('<option value="option4">Option 4</option>');- 如果你想要添加一个选项到现有选项之前或之后，可以使用
insertBefore或insertAfter方法。例如，使用insertAfter方法将一个新选项添加到"Option 2"之后：
$('<option value="option5">Option 5</option>').insertAfter('#mySelect option[value="option2"]');- 如果你想要替换现有的选项，可以使用
replaceWith方法。例如，使用replaceWith方法将"Option 3"替换为一个新选项：
$('#mySelect option[value="option3"]').replaceWith('<option value="option6">Option 6</option>');- 最后，如果你想要移除一个选项，可以使用
remove方法。例如，使用remove方法移除"Option 1"：
$('#mySelect option[value="option1"]').remove();这样，你就可以通过以上方法在select2中附加到现有的下拉选项之一。请注意，以上示例中的值和文本仅供参考，你需要根据实际情况进行修改。
相关·内容
请检查附呈的图像
我正在使用select2 4.0，并使用ajax调用将项填充到select中。一切都很好。我可以做增量搜索，这速度非常快。
问题是select2允许用户选择从用户在方框中写入的内容动态生成的“临时项”.
有人知道我应该如何禁用这个项目的选择吗？或至少在按钮中验证此项不应被选中.
浏览 0提问于2016-02-19得票数 1
回答已采纳
1回答
我正在尝试设置select2单选下拉菜单的默认值：。
我已经让select2下拉菜单工作了。但是我不确定如何设置默认值。例如，假设值列表为- test1，test2，test3。如何将'test1‘设置为单选下拉菜单的默认值。
$(function(){
var testData = [{id:0, text:"test1"}, {id:1, text:"test2"}, {id:2, text:"test3"}];
$('#select2customdata').select2({placeholder:"Se
浏览 6提问于2014-10-14得票数 4
回答已采纳
1回答
我想显示下拉列表向上每一次，无论有足够的空间下面。
如何实现这一目标？做这件事的关键是什么？
更新
下面是我如何初始化Select2：
$("select[name=ingredients]").select2();
HTML侧：
<select name="ingredients" multiple class="populate select2-offscreen form-control" tabindex="-1" style="width: 100%;">
<optgroup l
浏览 1提问于2016-04-23得票数 3
8回答
我已经使用select2从下拉列表中选择了多个选项，但是select2可以选择完整的optgroup吗？我想要的是当用户选择选项组时，应该选择所有的子选项。我想用jQuery Select2做这件事。我怎么能这么做？
浏览 19提问于2014-11-17得票数 17
回答已采纳
4回答
我已经搜索了许多答案并尝试过它们，但是我无法使用jquery动态地更改select2下拉列表的值。
我正在使用ajax select2使用json远程获取数据。
下坠很好。
以下是我迄今所尝试过的。
//UserGroupID is a variable contains the database value
var groupSelector = $("#EditSpeciality");
//1.
groupSelector.select2("val", {ID: userGroupID, TEXT: "Lorem Ipsum"});
//2
浏览 29提问于2015-11-03得票数 8
回答已采纳
我尝试在Kartik Gridview中添加一个Select2下拉列表，但没有成功，但它只出现在Gridview的第一个元素(行)中。它使用简单的dropdown，而不是select2 dropdown。我想使用Select2下拉列表，而不是简单的下拉列表。
我喜欢下面的内容：
echo GridView::widget([
'dataProvider'=> $dataProvider,
'columns' => [
['class' => 'kartik\grid\SerialCo
浏览 1提问于2017-08-23得票数 0
1回答
我在bootstrap v4下拉列表中有一个select2。当下拉菜单被触发时，我将选项加载到select2中。
select2包含一些具有长名称的项目，如果打开select2，我希望显示完整的宽度，即使它比下拉列表更宽。
我在select2:opening和select2:open事件处理程序中尝试过select2({width: 'resolve'})和select2({width: '200%'})，但它们抛出了异常。如果我用宽度:200%初始化select2，如果没有打开它，它就太大了。
这个是可能的吗？有什么想法吗？谢谢。
浏览 5提问于2016-05-09得票数 0
3回答
我有一个现有的Select2下拉列表，它由我的框架(Yii)生成。不幸的是，没有办法指定占位符。有什么办法之后再加进去吗？
下拉列表如下所示：
$form->inputRow(TbInput::TYPE_SELECT2, $model, 'id_tecnico', null, array('data' => $utenti,'class' => 'span12 adaptContainerCssClass',));
浏览 0提问于2014-04-01得票数 0
回答已采纳
在我的项目中实现了Select2。使用插件中提供的标记功能。这个特性可以像文档中所建议的那样工作，但是我仍然停留在一个点上。
我已按以下方式初始化了该标记：
HTML
<div class="form-group">
<label for="languages">Languages <span class="mandatory">*</span> :</label>
<input type="text" required="
浏览 5提问于2014-09-06得票数 6
回答已采纳
我有多个select2下拉列表和文本字段，我需要做文本字段和下拉列表的验证。我可以验证文本字段，但不能验证下拉字段。
我已经为下拉列表和文本字段编写了一个类，如MandatoryDD和MandatoryTxt。
我可以验证所有的文本字段，但是不能遍历下拉字段，有没有办法检查下拉值(检查第一个下拉值，在我的例子中是'SELECT‘选项，或者检查索引号(在我的例子中是0)
浏览 15提问于2017-08-17得票数 1
2回答
我正试图以编程的方式对某些select2选项的背景色进行样式设计。因为某种原因，它似乎不起作用。我一点也不觉得背景颜色是红色的。实际上，我要做的是将select2呈现的内容设置为安莉的背景色，并且是formatText()函数中span标记的父函数。
编辑：
你在这里看到的这些选项是黄色的，我希望整行，而不仅仅是文本是黄色的。
我还想在我的家庭下拉样式的个别行，以符合他们将如何在我的产品下拉式颜色。
我有两部分代码，我认为应该这样做。这是Fiddle -
const productsConfig = {
width: "100%",
theme: '
浏览 3提问于2020-10-27得票数 3
回答已采纳
我在使用jquery select2库
http://ivaynberg.github.io/select2/
我面临的问题是，我的表单中有多个下拉列表，如果我通过Ajax提交表单，除了select2下拉列表之外，所有的feilds都会得到重置/空。
我用这个做重置
$("#block-validate")[0].reset();
而且它工作非常好，并且重置/清空表单中除select2以外的所有字段。
我知道有一种方法可以使用以下方法来清除select2的功能
$("#e8").select2("val", "");
但它只会重置
浏览 10提问于2014-08-25得票数 2
回答已采纳
我正在尝试使用jQuery Select2为标记输入。
它可以通过将{tags: true}选项添加到Select2来很好地工作，允许用户添加自定义标记。但是我不想显示下拉列表，所以我添加了CSS：
.select2-dropdown--below {
display: none;
}
结果，当我输入新标签并按enter键时，它仍然有不想要的行为：
如果我输入一个新关键字，它插入successfullyIf，则输入一个关键字，该关键字来自预选选项之一的子字符串--比如“草莓”中已经包含的“原始”或“浆果”--它不会插入。
我认为这是由于Select2行为自动突出显示/选择匹配输
浏览 1提问于2021-06-25得票数 0
回答已采纳
我正在使用select2 jquery插件。
我使用的是open事件
var select2 = $('select').select2();
select2.on("select2:open", () => {
// I want to do some code here with $('.select2-results__option')
//$('.select2-results__option').size() is not equal to actual elements
});
当我们单击下拉列表时
浏览 1提问于2016-08-03得票数 2
我设置了一个AJAX select2下拉菜单来执行无限分页。我想做的是继续在后台加载结果的第一页，这样用户一单击下拉菜单，他们就有一组选项，而不是等待最初的AJAX调用。
当我搜索Google如何做到这一点时，我只看到尝试设置初始选择的结果，这不是我想要做的。我只想从我的端点预加载结果的第一页，这样用户就可以在等待AJAX调用返回时立即看到数据。这有可能吗？
我的select2设置代码如下：
$(".my-class-identifier").select2({
ajax: {
cache: true,
data
浏览 6提问于2015-06-10得票数 0
回答已采纳
这是我的html
<select class="compare-tag1">
</select>
这是我希望在上面的select类中作为选项值出现的数组：
optionVal = ["1","2","3"];
这就是我尝试用select2来做的事情
$(".compare-tag1").select2({
val: tagValuesArray
});
我没有看到错误，但是下拉列表中没有显示任何值。如何使用select2将数组的值作为选项值获取？
浏览 0提问于2015-06-01得票数 2
我在我的项目中使用了jQuery select2下拉列表。
在某些情况下，我想在select2下拉列表中设置readonly。如何将select2设置为来自aspx.cs页面(服务器端)的只读？
我想插入“selecting”复选框来选择所有选项。我该怎么做？
浏览 4提问于2015-01-20得票数 2
回答已采纳
1回答
我在一个项目中使用select2，并按其应有的方式工作，使用以下方法启动select2：
$(function() {
$(".elegible").select2();
});
当我试图将don调用到JQuery加载的元素时，问题就出现了，我不知道如何调用该函数。我试过"on“，但它没有用selects加载select2。我唯一发现的就是：
$(document).ajaxComplete(function(e, xhr, settings){
$(".elegible").select2();
});
但是，每次完成ajax调用时，都会调
浏览 1提问于2014-08-12得票数 0
回答已采纳
我开始使用Select2来替换我的应用程序中的下拉列表。我的问题是如何适应现在起作用的东西。
我有一个包含完整日历组件和3个下拉列表的页面来选择我想要显示的日历。一旦使用了下拉列表，其他两个就会像这样重新检查(我使用jQuery)：
$('#dropdown1').prop('selectedIndex',0)
它的主要优点是表单只由“更改”下拉列表提交(每个下拉列表都有自己的更改事件，以重置其他事件)。
使用select2，如果使用此方法，将启动重新检查的下拉列表的更改事件：
$('#dropdown1').select2('val&#
浏览 1提问于2016-03-11得票数 1
回答已采纳
我试图让Select2 (4.0.0rc1)多值复选框具有预加载数据，但它不起作用。
HTML
<select id="sj" class="js-example-basic-multiple form-control" multiple="multiple">
<option value="1">Tickets</option>
<option value="2">PArking</option>
<option val
浏览 6提问于2015-03-06得票数 0
8回答
如何在select2中禁用字幕
、、、、
我有一个select2下拉列表，如下所示：
$(function () {
$("#itemSelect").select2().on("select2:select", function (e) {
$("#itemSelect").val(-1).trigger("change");
var id = e.params.data.title;
var url = siteRoot + "/site/item?itemID=" + id ;
$(&
浏览 2提问于2016-02-19得票数 11
我是新来的，所以请原谅我，如果这是一个简单的问题。我有一个页面，动态地呈现一个select下拉列表，并根据一个名为filteredWidgets的计算属性动态填充其选项，该属性依赖于用户在其他下拉列表中所做的选择。标记如下：
<div v-if="filteredWidgets.length > 0">
<select id="widgetSelect" name="widgets">
<option value="">Select up to two Widgets<
浏览 0提问于2018-11-17得票数 0
回答已采纳
1回答
我使用select2作为下拉选择框，并尝试更改选项的背景色。每个选项都会有单独的颜色。我尝试过在选项中添加一个style属性，但似乎不起作用。 <select class="js-example-basic-multiple form-control" id="select-tags" name="usertags" multiple="multiple">
{% for tag in userTags %}
<option value="{{ tag }}" d
浏览 97提问于2020-09-29得票数 0
回答已采纳
1回答
如何捕获用户输入并将其传递给create文本字段。
当前代码显示undefined。
而新的术语也没有添加到列表中，警报似乎不起作用。
$.getScript('//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.full.js'，函数(){
$("#mySel").select2({ width:'240px‘)，lofClear:true，"noResults"：函数(术语){ /*自定义不匹配的输出*/返回"Create“}，
escapeMar
浏览 0提问于2015-09-18得票数 1
回答已采纳
2回答
单击键盘选项卡按钮时显示下拉菜单
、、、、
我有一个下拉列表，我想让它显示列表时，用户点击键盘标签按钮尝试了几种方式显示在线，但它是行不通的。下拉列表是html下拉列表和select2下拉列表。
对于第三种方法，下拉显示选项卡按钮何时被单击，但当我在下拉列表上选择另一个值并单击tab按钮时，它仍然是原始值。我能知道怎么解决这个问题吗？
我的落脚点：
DropDown1
<div class="col-md-4">
<select class="form-control" id="sauces"></select>
</div>
浏览 4提问于2016-12-06得票数 1
回答已采纳
2回答
我有一个带有4个选项的select2下拉列表，代码如下：
<select id="ddlInqOn" class="InqSelect2 form-control">
<option value="1">--All--</option>
<option value="2">Today Date</option>
<option value="3">Past Date</option>
<option value
浏览 2提问于2017-12-19得票数 5
回答已采纳
多个Select2中的默认行为是，所选选项隐藏在.Select2 2-结果ul (可以通过纯css进行调整)中。
.select2-results .select2-selected {
display: block !important;
position: relative;
margin-left: 10px;
}
但是，所选选项也不能单击。我正在寻找一种方式在下拉菜单中切换一个选项，通过点击。
任何和所有的想法都受到高度赞赏。干杯!
浏览 8提问于2014-06-26得票数 2
回答已采纳
1回答
我有这段带有Select2的Jexel代码，其中我从一个数组中加载每个jexcel行的默认值，并使用select2作为下拉列表：
但是，我想知道如何使用var数据中的值填充select2中的选项？另外，如果在键入时找不到，我如何将新国家添加到select2下拉列表中。
var data = [
['Spain'],
['France'],
['Germany'],
];
var customDropDown1 = {
// Methods
closeEditor : function(cell, save
浏览 4提问于2020-09-16得票数 0
Select2没有从选项中将类添加到其下拉项中。
假设在下面的下拉代码中，属性class=“突出显示”被添加到几个选项中，以突出显示具有某些背景颜色的选项。但是select2并没有将这个class=“突出显示”添加到下拉列表中。
请参阅以下图片的不同之处。
正常下垂(cities1)
Select2下拉(cities2)
是否有可能从选项到select2下拉项获得相同的类名？
请帮帮忙
$('#cities2').select2();
.highlight {
background-color: #FFCCCB;
}
<script src=
浏览 19提问于2022-07-19得票数 1
我的select2下拉列表包含以下两个选项：
Carbon
Stainless
我可以手动将一个选项放在它的容器中：
var myoption = 'Carbon'
$(TabTagBox).val([myoption]).trigger('change.select2');
但是，使用上面这一行附加的正确语法是什么呢？
浏览 0提问于2018-04-14得票数 0
我正在使用来自的Select2
现在，我像这样初始化下拉列表：
<script>
$(document).ready(function() {
$('.form_control').select2({
minimumResultsForSearch: -1
});
});
</script>
问题是，我有一个页面，其中我动态地生成基于下拉列表的订单，所以我将在同一页面上有多个下拉列表和具有相同类的表单，如下所示：
<select id="order_status" class="form-con
浏览 3提问于2014-10-10得票数 1
我正在将<input type="hidden">转换为select2 dropdown，并通过query方法向其提供数据
$('#inputhidden').select2({
query: function( query ) {
query.callback( data ); // the data is in the format select2 expects and all works well..
);
});
问题是，我需要修改ajax UI，并将两个按钮放置在搜索栏的顶部，当单击这两个按钮时，将执行se
浏览 3提问于2013-05-10得票数 48
回答已采纳
我有一系列关于jQuery Select2插件的问题(我对Select2非常陌生，只有一天的时间)：
我正在通过AJAX调用(使用Select2 2的ajax特性)获取数据，并试图找到一种添加“查看更多.”的方法。选项在下拉显示的末尾。点击“查看更多.”得带我去另一个单独的搜索页面。
如果我能够到达加载AJAX调用的OnSuccess或OnComplete事件，我就可以在下拉结果中找到相关的DIV，并附加“视图更多.”迪夫。这可能吗？
我不想使用Select2中的“自动滚动”功能。
我在Select2下拉列表旁边有一个搜索按钮，当用户在搜索框中输入一些字符时，我进行AJAX调用并显示数
浏览 9提问于2013-03-27得票数 0
回答已采纳
我的html中有一个工作的Select2多下拉列表，但是如何将这些值返回给Django以便在后端使用？
例如，在我的html中，我有：
<script>
$(document).ready(function()
{
$("#ddlselect").select2({
placeholder:'Select from List',
closeOnSelect:false
});
});
</script>
然后，我用以下代码填充下拉列表
浏览 8提问于2021-02-15得票数 1
回答已采纳
我有5个下拉列表，如果我在下拉列表1中选择了一个值，而那个选定的值不应该出现在剩余的下拉列表中。
我正在使用select2下拉菜单。在这里我尝试了这个HTML: 1 2 3 4 5
<select class="select2" id="select2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option&
浏览 0提问于2017-06-05得票数 0
5回答
我在一个站点上使用bootstrap，并在加载时使用以下代码将我的选择框转换为下拉框
$("select").select2();
但是，当加载任何带有select下拉列表的页面时，会有一个短暂的延迟，在select2替换页面被引入之前，可以看到原始页面。这是相当不和谐的，因为我的页面上的表单元素到处移动。
有没有一种方法可以在我的后端(ASP )生成ASP，并将其写到页面上，这样select2插件仍然可以正确地连接所有的行为？
浏览 4提问于2015-04-24得票数 8
我希望将下拉列表下面的Select2选定值显示为列表。
这不是Select2，而是来自第三方站点的自定义选择。到目前为止，我还不知道如何将这些选择移到不同的容器中。
这是我现有的Select2
如果能找到开始的方向就太好了。
浏览 0提问于2018-12-21得票数 4
回答已采纳
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
回答已采纳
我使用的是，刚刚升级到版本4。当您有一个远程数据源，而select2坐在jquery对话框上时，一个似乎坏了的特性(或者我正在做错误的事情)是allowClear选项。
如果数据源是本地的(没有ajax)，或者不涉及jquery对话框，那么它可以正常工作，但是当我尝试在jquery对话框上使用远程数据源时，我会发现一些问题。
有趣的是，当设置allowClear = true时，在搜索和选择项后，"X“‘t会显示在下拉框的右侧，但是当我单击它时，所有的select2代码都会运行，但前面选定的值不会被删除。我已经调试了select2.js代码，所有看起来应该启动的代码(handleCle
浏览 6提问于2015-08-25得票数 6
4回答
我有一个包含一些值(比如颜色)的select2下拉列表，我想从这个下拉列表中删除当前选中的项。例如，如果所有选项都是
white, green, red, blue
并且当前选择的项目是white，如果用户单击下拉菜单，他将只看到其他3种颜色(green, red and blue)。
现在，我可以使用jquery很容易地删除当前选中的项，并在更改时恢复它，但这真的感觉不太干净。
有没有什么内置的方法可以做到这一点，或者至少有一种更“干净”的方法？
浏览 1提问于2015-01-20得票数 1
我正在使用，现在当我点击select2输入字段时，它会打开下拉列表，但我不想在点击时打开下拉列表，我想在击键时打开select2选项下拉列表，任何帮助都将不胜感激。
下面是我的代码：
share_users_select = $('#sharing-user-email').select2
tags: true,
placeholder: 'Enter Email Address',
selectOnClose: true,
closeOnSelect: false,
tokenSeparato
浏览 0提问于2017-09-08得票数 0
我正在编写一个现有的add，其中我们使用Knockout.js进行数据绑定。新的要求之一是当您单击按钮显示下拉列表时，能够自动滚动到<select>列表中的特定选项(根据给定的条件确定)。
通常，如果您有带有<select>的硬编码<options>列表，那么使用scrollIntoView()函数很容易实现这一点。我的问题是，我注意到使用Knockout options binding hasoffsetTopproperty of 0. ThereforescrollIntoView()`创建的所有<option>元素总是滚动到列表的顶部。
浏览 1提问于2019-12-06得票数 0
我在select2下拉列表中添加了一个“添加新的人”按钮
select2代码如下所示：
$('#subFundSelection').select2({
width: '100%',
placeholder: 'Select a sub-fund',
ajax: {
url: '/FundInfo/SearchLegalEntities',
type: 'GET',
浏览 1提问于2021-11-26得票数 0
回答已采纳
我使用两种select2，一种用于各省，另一种用于城市。我的目标是填充城市，select2从后端返回作为json返回的城市下拉。
现在，第一次调用对我有效，城市select2被正确地填充。唯一的问题是，在第二个调用(由省更改触发)中，json返回的内容不是替换select 2城市的内容，而是添加到其中的，因此我无法在添加之前了解如何清空前面的内容。
我两次都试过：
$("#city").select2({'data' : null });
和
$("#city").select2('data', null );
这里是我的ajax
浏览 2提问于2015-12-11得票数 0
回答已采纳
1回答
当我更改另一个select2下拉列表的值时，我尝试以编程方式更改select2下拉列表中的数据集。
我的问题是奇怪的，因为它似乎改变了徽章的价值，但没有选择本身。您可以在徽章中看到2和3，但是一个数据集中的文本的值是完全不同的，但是它不会改变选项。
这是一把小提琴，用来说明我的意思。
这是formatText函数：
function formatText (icon) {
if(icon.badge == undefined){
return $('<span>' + icon.text + '</span>');
}
浏览 3提问于2020-10-19得票数 0
回答已采纳
我正在使用jquery和多WebForm标记工具编写一个select2。用户从下拉、保存和数据中选择多个代理，数据以下列管道分隔格式作为单个字符串存储到后端SQL数据库:AGENCY3 1\\AGENCY2\AGENCY3。
<input id="ddlAgency" type="hidden" class="form-control" value="" name="select2tag"/>
当表单加载时，我可以解析这些标记，但是如何使它们在select2多表单控件中显示为selected (即: A
浏览 2提问于2015-10-27得票数 0
回答已采纳
这个问题专门针对Select2 v4
如何获取为Select2下拉菜单选择的Value？
我尝试过以下几种方法：
jQuery('#Dropdown').val()
jQuery('#Dropdown').select2().val()
而且这两种方法似乎都没有给出所选元素的值。在运行此代码时，我已确保有一个选定的项目。
浏览 2提问于2016-07-18得票数 3
我知道如何从下拉列表中启用选定的属性；我可以使用以下代码：
$('select').select2();
但我的问题是如何禁用它？thx
浏览 2提问于2014-01-17得票数 31
回答已采纳
我有以下问题：
<select id="select2" style="width:250px">
<option value=""></option>
<option value="option 1">Option 1</option>
<option value="option 2">Option 2</option>
<option value="option 3">Option
浏览 7提问于2017-11-30得票数 4
回答已采纳
我使用select-2作为状态列表。我认为它很棒，并且喜欢它提供的搜索输入字段。不过，我想知道，是否可以包括另一个输入，以便有人可以手动输入信息~我希望在这个下拉列表中添加一个“其他”或“国际”字段，这样我就提供了一个字段，而不是包括世界上所有的州/省/地区，如果不包括在下拉列表中的话，他们可以手动输入。
是否有可能在下拉列表中输入？我想试着坚持使用Select2，因为我喜欢它提供的新增功能。
浏览 3提问于2017-09-15得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
