保留InitSelection -Select2
InitSelection -Select2是一个用于初始化Select2插件的选项。Select2是一个功能强大的下拉选择框插件，可以提供更好的用户体验和更丰富的功能。
InitSelection -Select2选项用于在初始化Select2插件时设置默认选中的选项。它接受一个函数作为参数，该函数返回一个包含默认选中选项的数组。
使用InitSelection -Select2选项可以实现以下功能：
- 设置默认选中的选项：通过返回包含默认选中选项的数组，可以在初始化Select2插件时设置默认选中的选项。
- 动态设置默认选中的选项：可以根据业务逻辑动态生成默认选中的选项数组，并在初始化Select2插件时设置默认选中的选项。
以下是一个示例代码，演示如何使用InitSelection -Select2选项设置默认选中的选项：
$("#mySelect").select2({
// 其他选项配置...
initSelection: function (element, callback) {
var defaultSelection = [{ id: "1", text: "Option 1" }, { id: "2", text: "Option 2" }];
callback(defaultSelection);
}
});在上述示例中，通过传递一个包含默认选中选项的数组给callback函数，实现了在初始化Select2插件时设置默认选中的选项。你可以根据实际需求修改defaultSelection数组中的选项。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
- 腾讯云安全产品：https://cloud.tencent.com/product/safety
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
相关·内容
1回答
在initSelection上使用select2插件时，我得到了以下错误。
Error: Uncaught Error: No select2/compat/initSelection是我得到的错误。
希望有人能帮我解决inistselection的问题。
JS：
$(".doctor_id_pat").select2({
placeholder: "Search Users",
minimumInputLength: 2,
ajax: {
url: "/listallergiesajax",
浏览 3提问于2015-04-28得票数 8
我的页面上有一个angular-ui select2组件。当用户键入内容时，它工作得很好(它使用ajax加载数据)。
但是initSelection函数永远不会被调用。下面是我传递给select2的配置对象
{
multiple: true,
minimumInputLength: 1,
tokenSeparators: [",", " "],
createSearchChoice: function (term) {
return term;
},
width: 'resolve'
浏览 2提问于2013-04-17得票数 6
1回答
Select2提交值而不是id
、、、、
我有Rails应用程序，在那里我可以选择国家：
= f.input :country, label: t("heading.country"), as: :string, input_html: { class: 'select2', data: { allowadd: true, depth: 0, id: @post.location.country.id, url: search_locations_path } }
Select2通过以下方式附加到此元素：
loadSelect2 = (selector = '.select2') -&g
浏览 3提问于2014-12-05得票数 4
回答已采纳
我通过以下方法初始化了一个select2：
$('#bookingResource').select2({
placeholder: "Select Resource",
minimumInputLength: 0,
multiple: true,
allowClear: true,
data: function() {
return {results: sections };
}
});
节是一个具有id和text键的对象，这些键由select2使用。
我需要仅使用来自另一个对象的ID预选一个值。
浏览 5提问于2014-09-07得票数 0
回答已采纳
3回答
我使用的是Select2 4.0.0-rc.2。
声明了关于initSelection的以下内容
在过去，Select2需要一个名为initSelection的选项，该选项是在使用自定义数据源时定义的，允许确定组件的初始选择。这已被上的方法所取代。
我只找到使用initSelection的旧版本的initSelection的示例(参见)。
如何使用数据适配器加载默认数据？
这是我的初始代码(是小枝)
$("#{{ id }}").select2({
ajax: {
url: "{{ path(at
浏览 4提问于2015-04-20得票数 5
1回答
因此，我有一个搜索wtform，其中一个字段用select2表示。它是通过ajax依赖于另一个选择字段加载的。加载步骤工作正常。但是，当我提交表单并将其与结果数据一起收到时，我不能将所选值设置回select2字段，因为我只有id，而且据我所知，initSelection的回调方法需要id和文本。或者，也许我做错了什么。
这是选择字段
$("#source").select2({
placeholder: "Выберите источник",
initSelection: function(element, callback){
浏览 0提问于2013-10-15得票数 1
我正在使用
它可以正常工作，但在编辑模式下，当我使用initSelection()方法初始化选定的值时，我会得到以下错误：
Error: No select2/compat/initSelection
我的jQuery脚本是：
jQuery('#country').select2({
placeholder : 'Select Country',
minimumInputLength: 1,
ajax: {
url: '<?php echo si
浏览 1提问于2015-04-16得票数 4
我有一个全局select2控件，当单击一个按钮时，我希望使用所选的值，并使用它们填充各种其他select2控件。
如何将选定的值从一个select2控件复制到另一个控件？
我尝试了以下几点：
//Set Up control where values will copy to
$(hashElement).select2({
multiple: true,
data: Details,
initSelection: function (element, callback) {
data =
浏览 2提问于2015-03-15得票数 1
回答已采纳
2回答
我试图让select2与多个预选选项一起工作。我使用它让用户选择几个选项，然后保存它们，然后能够返回并编辑它们。但是，我无法让select2 initSelection正确地工作，以填充用户已经选择的现有选项。下面是我尝试与警报一起使用的代码，用于显示什么时候触发了警报(“完成”)；从未触发过警报，并且警报($(元素).val(0))触发了两次。一次使用输入中的值，然后再使用空白。
<input type="text" id="Commissioners" name="Commissioners" value="test"
浏览 3提问于2015-05-06得票数 3
回答已采纳
1回答
我使用如下代码为select (使用Select2)设置加载时的默认值：
$('#soff_gar').select2({placeholder: "Scegli", initSelection: true }).select2("val","<?php echo $garante; ?>");
在控制台上升级到4.0版时，我读到：" Select2：select2("val")方法已被弃用，将在以后的Select2版本中删除。请使用$element.val()。“因此我尝试将我的代码更改为
$
浏览 0提问于2015-02-22得票数 9
回答已采纳
有很多关于select2加倍值的问题，其中许多没有被接受的答案。
表面上看，一切看起来都很好，但是当我删除一个令牌时，它仍然以params的形式发送它。
检查input的值( select2隐藏的值)
在初始化select2之前
$('#language_list').val() //=> "english spanish italian"
依尼特
$('#language_list').val() //=> "english spanish italian,english,spanish,italian"
// I
浏览 1提问于2015-08-28得票数 1
回答已采纳
Select2代码：
$(".js-select").select2( {
placeholder: "Select Something",
ajax: {
// The number of milliseconds to wait for the user to stop typing before issuing the ajax request
delay: 400,
url: "<?php echo site_url('main/get_items') ?&g
浏览 0提问于2015-03-23得票数 1
我正在使用select2渲染。我在用更新的版本。我尝试使用initSelection设置初始值，它工作得很好。但是，当我试图添加另一个值时，它会将预选值更改为ID，该ID是通过initSelection设置的。
<?php
$initScript = <<< SCRIPT
function (element, callback) {
var id = \$(element).val();
if (id !== "") {
var url = "{$url}";
\$.ajax(url.replace('i
浏览 2提问于2016-06-06得票数 0
回答已采纳
1回答
我在努力让这件事起作用
我有一个像这样的rails表单
%tr
%td
= f.label :company
%td
= f.hidden_field :companyid, class: 'select2 ajax', data: { source: companies_path }
在我的咖啡js里
$(document).ready ->
$(".select2").each (i, e) ->
select = $(e)
options = {}
if select.hasClass(
浏览 0提问于2014-08-31得票数 5
回答已采纳
2回答
我有一个问题与select2值不显示时，点击提交或页面回发发生。我正在使用ajax助手从数据库加载数据。
下面是我的select2代码：
$('#<%=fstName.ClientID%>').select2({
placeholder: 'Enter Reviewer',
minimumInputLength: 0,
multiple: true,
autoClear:false,
ajax: {
type: 'POST',
浏览 9提问于2014-01-23得票数 0
我使用的是select2，一切正常，但默认选择不起作用，
我使用的是select2 4.0.3js
我用的是initSelection，但是它的显示像这个截图，
var data = <?php echo $cat_json; ?>;
function templateResult(node) {
var $result = $('<span style="padding-left:' + (20 * node.level) + 'px;">' + node.text + '</span&g
浏览 3提问于2017-02-09得票数 3
回答已采纳
1回答
我在使用Select2 Jquery插件时遇到了一些问题，因为这是我第一次使用它。
$(".select-class").select2({
ajax: {
url: "{{route('route-next')}}",
dataType: 'json',
type: "POST",
data: function (term, page) {
return {
type: 't
浏览 2提问于2016-10-28得票数 0
回答已采纳
7回答
好吧，我肯定这里有一些简单的设置错误，但我不是百分之百的。
因此，我尝试使用 AJAX方法作为用户搜索数据库和选择结果的一种方式。调用本身返回结果，但是它不允许我从列表中选择答案。它似乎也不允许你在悬停或向上/向下箭头时“选择”它。因此，不再赘述，下面是我的代码：
index.html
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
&l
浏览 3提问于2013-02-12得票数 71
回答已采纳
我正在使用jQuery Select2作为下拉列表。数据是使用JSON格式通过AJAX调用加载的。
下面是我的脚本：
$("#sub_lessons").select2({
maximumSelectionSize: 1,
placeholder: "Select Sublessons",
allowClear: true,
multiple:true,
ajax: {
url: "getData.action?lid="+lessonid,
浏览 0提问于2014-05-03得票数 0
1回答
我在插入Select2() v4.0时遇到了一个问题。我希望从引导程序加载mi Modal中的远程数据并编辑此值。我的代码是：
HTML
<select id="txtAsistentes" class="js-example-basic-multiple" multiple="multiple" style="width: 100%" />
JS
ControlToSelect2Format: function (controlId,ocultos) {
var control = "#"
浏览 1提问于2015-07-13得票数 0
1回答
我正在Laravel上创建用户配置文件页面，并使用select2组件来筛选大量的项目列表。
我有一个基于ajax的select2。这是好的，当你在/create页面，但我需要有选择的价值，当我在页面/edit/1。
$('.search-filter-ajax').select2({
width: '100%',
minimumInputLength: 3,
placeholder: "Search...",
浏览 0提问于2018-08-10得票数 1
回答已采纳
我无法使用ajax Version4.0开发一个选项，在编写了几个所需标签名的字母(2，3个字母)后，通过ajax调用向数据库中建议存储的标记项。
由于版本的更改，以前版本的initSelection方法不再存在。它会产生一个错误"No select2/compat/initSelection".
下面是我在以前版本中使用的代码：
$('.addTags').select2({
placeholder: "Problem Tags",
allowClear: true,
minimumInputLength: 2,
浏览 3提问于2018-01-02得票数 1
回答已采纳
我试图使用远程ajax调用和Select2函数将条目预加载到initSelection中。我的问题似乎类似于，但这两种答案对我都不适用。
调用工作并以json格式返回正确的结果，问题似乎在于回调没有以正确的格式发送数据对象。
j("#selectElement").select2({
placeholder: "Placeholder text",
multiple: false,
minimumInputLength: 1,
ajax: {
url: "/getfiles",
da
浏览 26提问于2014-06-28得票数 3
回答已采纳
1回答
我有以下代码：
<input type="hidden" name="airport" tabindex="6" />
$('input[name="airport"]', '#details-form').select2({
minimumInputLength: 3,
multiple: true,
separator: ';',
width: 'off'
浏览 1提问于2013-05-22得票数 4
回答已采纳
我试图以编程方式更新select2模型并刷新视图，但似乎不起作用。
下面是从Angular UI项目派生的示例柱塞：
我尝试根据select2文档添加initSelection() (“响应外部值更改”)，但不起作用。我也尝试过select2 3.3.2，但也没有解决这个问题。
有两个问题: 1)单击“更新-模型”，模型会更新，但不会向select2小部件添加标签。另外2)点击“更新-模型”，然后使用select2选择第二个标签，“更新-模型”添加的第一个标签消失。
浏览 2提问于2013-04-03得票数 10
5回答
我正在处理一个要求，即在通过ajax提交表单后，我必须清除一个select2下拉框。我已经搜索并尝试了几个解决方案，但都不起作用。
我的select2代码是：
$(document).ready(function(){
$("#my_select_id").select2({
placeholder: "Select One Option",
allowClear: true,
initSelection: function(element, callback) { }
});
})
清除select2的脚本为：
$(&
浏览 69提问于2017-03-22得票数 5
回答已采纳
1回答
对于select2库，有一个名为initSelection的选项，它使用户能够根据选定的值解析标签。
react-select也有类似的功能吗？
浏览 1提问于2018-05-25得票数 0
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
我在我的项目中使用。当页面加载时，我希望在单个输入字段中保留默认值。我尝试在启动select2组件时设置initSelection，如下所示。
$(document).ready(function() {
allowClear: true,
ajax: { // instead of writing the function to execute the request we use Select2's convenient helper
dataType: 'json',
url:
浏览 0提问于2014-02-18得票数 1
我将Select2与knockout.js结合使用。
但是控件没有正确显示初始值。看起来没有引发select函数
我修改了一个现有的jsbin以演示我的问题。
约束：
<div data-bind="value: selectedState, select2: { data: states, placeholder: 'Select a State', formatResult: format ,initSelection: initSelect}" class="select2" style="width: 200px"
浏览 1提问于2014-06-11得票数 2
回答已采纳
1回答
目前，我有一个下拉列表，它可以在服务器上使用ajax请求，但是在select2初始化中附加一些默认选项也不错。使用initSelection函数，我只能附加一个选项，但不能完全预装数组。我还试图使用数据选项，但它也不起作用。这是我的代码：
$("#address-select2").select2({
placeholder: "--- ' . t('I\'ll add new address') . ' ---",
minimumInputLength: 3,
ajax: {
u
浏览 2提问于2013-11-20得票数 2
回答已采纳
我在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
回答已采纳
我正在使用select2插件加载远程数据。我使用的是一个aspx页面，它返回JSON数据，同样也被分配给select2插件。在用户从select2文本框中选择一些值之后，我强制页面回发。回发后，我使用以下代码重新加载以设置select2文本框中的文本。
var data = { "PatientID": "XYX", "Email": "testing@gmail.com" };
$('#e6').select2('val', '123');
但是系统抛出了
浏览 2提问于2013-08-21得票数 7
我正在初始化标记列表，如下所示：
<input type="text" name="users" value="" id="users" class="span3" />
$("#users").select2({
tags : [
{'id':1, 'text':'Ben'},
{'id':22, 'text':'Andrea&#
浏览 2提问于2012-11-01得票数 1
回答已采纳
只是无法让select2预先填充tags字段。代码非常简单
$.getJSON('http://pblog/tags/show/' + post, function(data) {
console.log(data);
$('#tags').select2({
data: data,
placeholder: 'choose your tags',
tags: true,
});
});
url返回以下内容：
[{"re
浏览 1提问于2016-03-14得票数 0
我使用基于select2 ajax的jQuery显示下拉列表。它工作得很完美。现在，我希望当用户单击select2框而不键入时，它将显示10条记录。我正在使用InitSelection，但它没有显示任何东西。代码是：-
var tags = [
{'id':1, 'text':'Ben'},
{'id':22, 'text':'Andrea'}
];
$('#form_fb_q').select2({
浏览 3提问于2014-03-05得票数 2
回答已采纳
我有一个Select2，ajax数据提供，在我的页面。我需要实现以前选择的选项的一个版本...因此，现在我可以通过initselection显示前一个选项。不幸的是，当我开始编写并选择新值时，以前的选项被删除了。
是否有可能保留以前的数据，直到用户显式删除？
代码：
$("#FAMILIAS").select2({
language: "pt",
ajax: {
url: "GET_JSONDATA.php",
dataType: 'json',
type:
浏览 1提问于2016-08-27得票数 0
2回答
如何在Select2中在Yii2上设置默认项
已经过时/删除了initSelection 3.5.x插件的Select2方法。initValueText小部件提供了新的Select2属性来满足这种需求(例如，用于基于ajax的加载)。
但是initValueText不起作用！
<div class="col-xs-12">
<?php
$categories = [5 => 'test1', 7=> 'test2', 8=> 'test3'
浏览 3提问于2017-05-29得票数 0
回答已采纳
1回答
我现在正在创建一个Rails项目，并且在表单中使用了select2。
视图中的form_for：
<%= f.fields_for :ingredients do |ingredient_fields|%>
Ingredients: <%= ingredient_fields.select(:name, @ingredients,
{}, multiple: true)%>
<% end %>
javascript文件：
$('#cuisine_ingredients_name').select2();
我在控制
浏览 2提问于2015-03-11得票数 1
我只是使用一个select2进行标记化。我想我从来没有想过要在这个领域中增加选择。我想使用ajax调用的返回值预先填充一些输入的项。
select2非常简单：
$("#select2-bug-input").select2({
tags:[],
tokenSeparators: [",", " "],
placeholder: "Enter Anything(s)",
initSelection: function(element, c
浏览 6提问于2014-04-03得票数 3
回答已采纳
1回答
我正在尝试设置连接到Ajax数据源的元素的初始值。
我使用的是v4 of Select2，然后是，这说明initSelection已经被替换了。
我已经开始尝试适应。这是我设置初始值的代码：
var $gitElement = $('.select2');
var option = new Option("yosssi/ejr", '29424443', true, true);
$gitElement.append(option);
$gitElement.trigger('change');
最后，我得到了一个显示undefi
浏览 8提问于2015-06-08得票数 1
回答已采纳
1回答
我正在尝试创建简单的弹出窗口，其中将包含ajax加载的select2元素…但是当我把它放入，，，select2在颜色盒里是不可见的…
var wrapper = $("<div/>");
var a = $('<input type="hidden" id="e6" style="width:200px" value="16340"/>');
a.select2({
placeholder: "Search for a movie",
mini
浏览 0提问于2014-10-02得票数 1
1回答
我尝试过在select2中使用initSelection在我的多重选择框中加载一些预先选定的数据。用户可以在创建项目时选择多个选项，并且当他/他再次尝试编辑该项目时，他/他可以看到他/她选择的所有选定值，并从select中删除/添加值。
它运行良好，并加载所有预先选择的选项。它还会在多个选择框中将它们显示为选中状态。但是当我提交表单时，select input的值为null。
这是我的脚本
$('.select2').select2({
minimumInputLength: 2,
"language": {
浏览 16提问于2017-02-26得票数 1
回答已采纳
我在使用，select2运行得很好。但是我想要的是，当页面加载时，应该从控制器加载一个默认值。
是的，我已经做过谷歌了，是的，这个问题已经发布了很多次了，我无法完全理解它。这就是我需要帮助的原因。
以下是select2 js编码：
/*----------- Select2 DropDown Common Script -------------------------*/
//For ServerSide Script
function commonSelect2(selector,url,id,text,minInputLength,placeholder){
selector.
浏览 1提问于2014-10-04得票数 0
回答已采纳
这让我发疯！为什么Select2不能在其页面上实现清晰的方法或示例如何在Select2上执行简单的CRUD操作:)
我有一个从ajax调用中获取数据的select2。
<input id="valueg" type="hidden" style="width: 300px;" data-placeholder="Select a Conference" />
$("#valueg").select2({
data: conferences,
allo
浏览 1提问于2013-05-08得票数 18
在页面加载时，我尝试使用initSelection来选择ID 60 (输入字段的指定值)。我似乎不能让它正常工作。
PHP脚本工作良好并返回正确的值，但是如何让JS正确地执行回调呢？
JavaScript:
$(document).ready(function() {
$('#editAlbumArtistId').select2({
placeholder: 'Search names',
ajax: {
url: "/jQueryScripts/jQuerySel
浏览 4提问于2013-09-19得票数 29
回答已采纳
use kartik\widgets\Select2;
echo Select2::widget([
'model' => $myModel,
'name' => 'company[]',
'options' => [
'placeholder' => 'Select a company ...',
'multiple' => true,
],
'value'
浏览 2提问于2015-07-07得票数 1
回答已采纳
我有一个类似下面的select2函数，
function select2AutocompleteManyToManyField(field, request_url){
var map = {};
$("#"+field).select2({
multiple: true,
placeholder: field,
minimumInputLength: 3,
ajax: { // instead of writing the function
浏览 3提问于2013-05-07得票数 4
回答已采纳
下面是我用ajax实现的select2多选。
最初，我在initselection中设置了一些值，如下所示
initSelection : function (element, callback) {
var data = {id: 4, zipcode: "00602"};
callback(data);
};
然后我要做ajax选择。
但我不能维持旧的价值观。也就是说，当我输入新的选择时，旧的值会被替换而不是追加。
这是我的全部代码。
var $select = $('#firstList');
$select.select2({
p
浏览 0提问于2016-05-27得票数 2
我有从太阳黑子到select2的数据(显示了list_styles控制器的方法)。我可以在新提供程序表单上使用select2搜索和保存多个类别，没有任何问题，但是当我试图从编辑提供程序表单上从数据库加载数据时，它不会出现。尝试了initselection，并检查了文档/堆栈溢出，以寻找适合我的应用程序但无法解决的initselection方法。创建了一个名为list_categories的新控制器方法，但没有成功。有人能对我的正确做法发表意见吗？谢谢。
Jquery
$('#provider_category').select2({
minim
浏览 1提问于2013-11-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
